倒計(jì)時(shí)載入頁(yè)面的JS代碼

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

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

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

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標(biāo)題頁(yè)</title>
    <META HTTP-EQUIV="REFRESH" CONTENT="11; URL=http://www.google.com">
    <script language="JavaScript">
//獲取當(dāng)前時(shí)間
 startday = new Date();
 clockStart = startday.getTime();
 
 function initStopwatch() 
 { 
  var myTime = new Date(); 
         var timeNow = myTime.getTime();  
         var timeDiff = timeNow - clockStart; //獲取間隔時(shí)間
         this.diffSecs = timeDiff/1000;       //因?yàn)闀r(shí)間以毫秒為單位
         return(this.diffSecs);               //返回間隔秒數(shù)
 } 
  function getSecs() 
 { 
         var mySecs = initStopwatch(); 
         var mySecs1 = ""+mySecs; 
         //以倒計(jì)時(shí)方式顯示時(shí)間
         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秒后將加載頁(yè)面:
 <form name=form1><input size=9 name=timespent></form>
 </center>
</body>
</html>

【實(shí)例代碼】

倒計(jì)時(shí)JS代碼

【難點(diǎn)剖析】

本例JS代碼的重點(diǎn)是加載頁(yè)面、計(jì)算剩下的時(shí)間。加載頁(yè)面使用的是Meta元素，其包含一個(gè)屬性Content，它包含兩個(gè)參數(shù)：需要等待的時(shí)間和要加載的頁(yè)面地址。計(jì)算剩余時(shí)間使用丁兩個(gè)日期相減的方式，注意相減的結(jié)果是毫秒數(shù)。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽：載入頁(yè)面 JS代碼