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>

댓글

이 블로그의 인기 게시물

Lottery in javascript / 자바스크립트로 경품추첨기 만들기

Accordion Menu in jQuery / 제이쿼리로 아코디언 메뉴 만들기

Quick Menu(flying menu) in jQuery / 제이쿼리로 퀵메뉴 바 만들기