切换到宽版
  • 731阅读
  • 0回复

JS实现简单的时分秒倒计时代码 [复制链接]

上一主题 下一主题
离线梦丫头

Uid:
1 尚未绑定靓号,此帐号可能会被系统回收
 

发帖
148
铜币
4440658
威望
42
贡献值
0
银元
0
只看楼主 倒序阅读 使用道具 楼主  发表于: 2019-03-12
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>js简单时分秒倒计时</title>  
  6.     <script type="text/javascript">  
  7.         function countTime() {  
  8.             //获取当前时间  
  9.             var date = new Date();  
  10.             var now = date.getTime();  
  11.             //设置截止时间  
  12.             var endDate = new Date("2016-10-22 23:23:23");  
  13.             var end = endDate.getTime();  
  14.             //时间差  
  15.             var leftTime = end-now;  
  16.             //定义变量 d,h,m,s保存倒计时的时间  
  17.             var d,h,m,s;  
  18.             if (leftTime>=0) {  
  19.                 d = Math.floor(leftTime/1000/60/60/24);  
  20.                 h = Math.floor(leftTime/1000/60/60%24);  
  21.                 m = Math.floor(leftTime/1000/60%60);  
  22.                 s = Math.floor(leftTime/1000%60);                    
  23.             }  
  24.             //将倒计时赋值到div中  
  25.             document.getElementById("_d").innerHTML = d+"天";  
  26.             document.getElementById("_h").innerHTML = h+"时";  
  27.             document.getElementById("_m").innerHTML = m+"分";  
  28.             document.getElementById("_s").innerHTML = s+"秒";  
  29.             //递归每秒调用countTime方法,显示动态时间效果  
  30.             setTimeout(countTime,1000);  
  31.   
  32.         }  
  33.     </script>  
  34. </head >  
  35. <body onload = "countTime()">  
  36.     <div>  
  37.         <span id="_d">00</span>  
  38.         <span id="_h">00</span>  
  39.         <span id="_m">00</span>  
  40.         <span id="_s">00</span>  
  41.     </div>  
  42. </body>  
  43. </html>
RKPX*(i~  
 tE#;$Ss  
快速回复
限100 字节
批量上传需要先选择文件,再选择上传
 
上一个 下一个