倒計時載入頁面的JS代碼

2012/10/13 12:21:52作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

倒計時載入頁面的JS代碼

【實例描述】

倒計時是常用的載人頁面時的等待方式，本例學習如何計算倒計時的時間．同時學習自動
加載頁面的相關(guān)設(shè)置。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標題頁</title>
    <META HTTP-EQUIV="REFRESH" CONTENT="11; URL=http://www.google.com">
    <script language="JavaScript">
//獲取當前時間
 startday = new Date();
 clockStart = startday.getTime();
 
 function initStopwatch() 
 { 
  var myTime = new Date(); 
         var timeNow = myTime.getTime();  
         var timeDiff = timeNow - clockStart; //獲取間隔時間
         this.diffSecs = timeDiff/1000;       //因為時間以毫秒為單位
         return(this.diffSecs);               //返回間隔秒數(shù)
 } 
  function getSecs() 
 { 
         var mySecs = initStopwatch(); 
         var mySecs1 = ""+mySecs; 
         //以倒計時方式顯示時間
         mySecs1= 10 - eval(mySecs1.substring(0,mySecs1.indexOf("."))) + "秒"; 
         document.form1.timespent.value = mySecs1; 
         window.setTimeout('getSecs()',1000); 
 }
 </script>
</head>
<body bgcolor="#ffffff" onLoad="window.setTimeout('getSecs()',1)">
  <center>
 10秒后將加載頁面:
 <form name=form1><input size=9 name=timespent></form>
 </center>
</body>
</html>

【實例代碼】

倒計時JS代碼