negro_lans
Eternal Poster
- Joined
- Jul 30, 2016
- Posts
- 1,067
- Reaction
- 208
- Points
- 334
- Age
- 28
Mga boss .. i have a Problem .. gumawa ako ng webpage with preloader .. ngaun po .. ung preloader ko may function which is my timer para mag reredirect sya sa isa pang page which is ung pinaka Home page ko .. then Ok sya pag ni run sa PC using Chrome browser and Firefox Browser .. lumilipat sya ng page from preloader page to home page .. nung ni migrate ko na sa android studio .. panay preloader nalang sya .. hindi na sya lumilipat ng home page .. any idea po mga master .. eto po ung code ko
index.html --> (ETO PO UNG PRELOADER)
<!DOCTYPE html>
<html lang="en">
<title>Redirecting in Page...</title>
<head>
<meta charset="tf-8">
<link rel ="stylesheet" href="file:///android_asset/web/css/style.css">
<script src="file:///android_asset/web/js/script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="preload">
<div class="logo">
MAWD-<span style="color:darkturquoise;">213</span>
</div><center>
<div class="loader-frame">
<div class="loader1" id="loader1"><img src="file:///android_asset/web/images/preloader.gif"></div>
</div>
</div>
</body>
</html>
JS Script ko
function() {
var preload =document.getElementById("preload");
var loading = 0;
var id = setInterval(frame, 64);
function frame() {
if(loading == 100) {
clearInterval(id);
window.open("file:///android_asset/web/home.html" , "_self");
} else{
loading = loading + 1;
if(loading == 90){
preload.style.animation = "fadeout 2s ease";
}
}
}
..................................
Baguhan palang po ako .. Grade 12 Student. Salamat po sa makakatulong
index.html --> (ETO PO UNG PRELOADER)
<!DOCTYPE html>
<html lang="en">
<title>Redirecting in Page...</title>
<head>
<meta charset="tf-8">
<link rel ="stylesheet" href="file:///android_asset/web/css/style.css">
<script src="file:///android_asset/web/js/script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="preload">
<div class="logo">
MAWD-<span style="color:darkturquoise;">213</span>
</div><center>
<div class="loader-frame">
<div class="loader1" id="loader1"><img src="file:///android_asset/web/images/preloader.gif"></div>
</div>
</div>
</body>
</html>
JS Script ko
function() {
var preload =document.getElementById("preload");
var loading = 0;
var id = setInterval(frame, 64);
function frame() {
if(loading == 100) {
clearInterval(id);
window.open("file:///android_asset/web/home.html" , "_self");
} else{
loading = loading + 1;
if(loading == 90){
preload.style.animation = "fadeout 2s ease";
}
}
}
..................................
Baguhan palang po ako .. Grade 12 Student. Salamat po sa makakatulong