Show a loading bar and then move to another page in javascript / 로딩바를 보여주고 다른 페이지로 이동하는 자바스크립트 함수
<strong>3초후에는 네이버 홈페이지로 이동합니다</strong>
<br/>
<br/>
<div id="loadingBar"></div>
<style>
#loadingBar {width:0px; height:20px; background-color:pink;}
</style>
<script>
var redirecturl="http://naver.com"
var pausefor=4
var bar = document.getElementById("loadingBar");
var i=0;
function postaction(){
window.location=redirecturl;
}
setTimeout("postaction()", pausefor*1000)
function loading(){
i++;
bar.style.width= i + "px";
if(i==1000){
clearInterval(timer2);
}
}
function start(){
timer2= setInterval(loading, 0.1);
}
window.onload= start;
</script>
<style>
<br/>
<br/>
<div id="loadingBar"></div>
<style>
#loadingBar {width:0px; height:20px; background-color:pink;}
</style>
<script>
var redirecturl="http://naver.com"
var pausefor=4
var bar = document.getElementById("loadingBar");
var i=0;
function postaction(){
window.location=redirecturl;
}
setTimeout("postaction()", pausefor*1000)
function loading(){
i++;
bar.style.width= i + "px";
if(i==1000){
clearInterval(timer2);
}
}
function start(){
timer2= setInterval(loading, 0.1);
}
window.onload= start;
</script>
<style>
댓글
댓글 쓰기