JS实现简单的时分秒倒计时代码

  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>  
  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页

打赏

东边的小山

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者