JS倒计时：从某个固定时间开始倒记

时间：2022-04-11 22:08:06

JS倒计时：从某个固定时间开始倒记


JS倒计时：从某个固定时间开始倒记  分类：
[html]  view plain  copy  print ?
  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. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>JS时间倒计时</title>  
  6. <script type="text/javascript">  
  7. var time_now_server,time_now_client,time_end,time_server_client,timerID;  
  8.    
  9. time_end=new Date("2010/10/4 11:10:1");//结束的时间  
  10. time_end=time_end.getTime();  
  11.    
  12. time_now_server=new Date("2010/10/04 10:10:1");//开始的时间  
  13. time_now_server=time_now_server.getTime();  
  14.    
  15. time_now_client=new Date();  
  16. time_now_client=time_now_client.getTime();  
  17.    
  18. time_server_client=time_now_server-time_now_client;  
  19.    
  20. setTimeout("show_time()",1000);  
  21.    
  22. function show_time()  
  23. {  
  24.  var timer = document.getElementById("timer");  
  25.  if(!timer){  
  26.  return ;  
  27.  }  
  28.  timer.innerHTML =time_server_client;  
  29.    
  30.  var time_now,time_distance,str_time;  
  31.  var int_day,int_hour,int_minute,int_second;  
  32.  var time_now=new Date();  
  33.  time_now=time_now.getTime()+time_server_client;  
  34.  time_distance=time_end-time_now;  
  35.  if(time_distance>0)  
  36.  {  
  37.   int_day=Math.floor(time_distance/86400000)  
  38.   time_distance-=int_day*86400000;  
  39.   int_hour=Math.floor(time_distance/3600000)  
  40.   time_distance-=int_hour*3600000;  
  41.   int_minute=Math.floor(time_distance/60000)  
  42.   time_distance-=int_minute*60000;  
  43.   int_second=Math.floor(time_distance/1000)  
  44.    
  45.   if(int_hour<10)  
  46.    int_hour="0"+int_hour;  
  47.   if(int_minute<10)  
  48.    int_minute="0"+int_minute;  
  49.   if(int_second<10)  
  50.    int_second="0"+int_second;  
  51.   str_time=int_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒";  
  52.   timer.innerHTML=str_time;  
  53.   setTimeout("show_time()",1000);  
  54.  }  
  55.  else  
  56.  {  
  57.   timer.innerHTML =timer.innerHTML;  
  58.   clearTimeout(timerID)  
  59.  }  
  60. }  
  61. </script>  
  62. </head>  
  63.    
  64. <body>  
  65. <div id="timer">这里会被替换成例如：**天**小时**分钟**秒</div>  
  66. </body>  
  67. </html>  
标签：

相关文章