倒计时载入页面的JS代码

2012/10/13 12:21:52作者：佚名来源：网络

移动端

【实例名称】

倒计时载入页面的JS代码

【实例描述】

倒计时是常用的载人页面时的等待方式，本例学习如何计算倒计时的时间．同时学习自动
加载页面的相关设置。

【实例代码】

<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);               //返回间隔秒数
 } 
  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代码