·您当前的位置:首页 > 技术教程 > JavaScript >

[JS]js倒计时的实现附源代码

时间:2015-06-10 10:13未知
Javascript倒计时

[JS]js倒计时的实现附源代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3.  <head> 
  4.   <title> new document </title> 
  5.  </head> 
  6.  
  7.  <body> 
  8.   <div> 
  9.     距离广州亚运会开幕时间2010年11月12还有:<span id="otherTime"></span> 
  10.   </div> 
  11. <script type="text/javascript"> 
  12.     var objElem = document.getElementById("otherTime"); 
  13.  
  14.     var endTime = new Date('2010', '10', '12').getTime(); 
  15.  
  16.     var nowTime = null
  17.     var laveTimer = null
  18.  
  19.     function laveTime() { 
  20.         nowTime = new Date().getTime(); 
  21.  
  22.         var a = endTime - nowTime;//距离指定的时间还有多少毫秒.. 
  23.  
  24.         if (a > 0) { 
  25.              
  26.             var arr_1 = [1000*60*60*24, 1000*60*60, 1000*60, 1000], 
  27.                 arr_2 = ['天', '小时', '分', '秒'], 
  28.                 temp = null
  29.              
  30.             var timeDesArr = []; 
  31.  
  32.             for (var i = 0len = arr_1.length; i<len ; i++) { 
  33.                 temp = Math.floor(a/arr_1[i]); 
  34.  
  35.                 if (temp > 0) { 
  36.                     timeDesArr.push((String(temp).length == 1 ? ("00"+temp).substr(1) : temp) + arr_2[i]); 
  37.                 } 
  38.                  
  39.                 a -arr_1[i]*temp; 
  40.             } 
  41.  
  42.             objElem.innerHTML = timeDesArr.join(""); 
  43.  
  44.         } else { 
  45.             objElem.innerHTML = "到时间了!"
  46.             clearInterval(laveTime); 
  47.             laveTime = null
  48.         } 
  49.     } 
  50.      
  51.     //因为我们的时候是一秒一秒的在走,那么也需要一秒一秒的改变一下这个剩余时间了,一秒执行一次laveTime函数 
  52.     laveTimer = setInterval(laveTime, 1*1000); 
  53. </script> 
  54.  </body> 
  55. </html> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器