倒數計時一定時間跳轉到另一個頁面

admin發表於2017-12-04

倒數計時效果應用非常的頻繁，也比較簡單，本章節主要針對javascript初學者的。

下面就給出一個簡單的程式碼例項，供初學者參考，希望能夠有所幫助。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> 
<title>網頁倒數計時效果程式碼</title> 
<script type="text/javascript">
window.onload=function(){
  var myspan=document.getElementById("myspan");
  var timer=30;
  var flag;
  function daoji(){
     timer=timer-1;
     myspan.innerHTML=timer;
     if(timer==0){
       location.href="http://www.softwhy.com";
       clearInterval(flag);
     }
  }
  flag=setInterval(daoji,1000);
}
</script> 
</head> 
<body> 
<div>頁面跳轉倒數計時:<span id="myspan"></span></div>
</body> 
</html>

以上程式碼實現了我們需要的效果，當倒數計時完成後，就會跳轉到其他頁面。

相關文章