js时分秒倒计时

最新推荐文章于 2023-11-14 13:34:16 发布

小雷雷哥哥

最新推荐文章于 2023-11-14 13:34:16 发布

阅读量727

点赞数

分类专栏： JavaScript 文章标签： javascript 倒计时 js时分秒

本文链接：https://blog.csdn.net/leileibrother/article/details/78711356

版权

JavaScript 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

项目在微信商城里做了个秒杀活动，写了一段倒计时代码，虽然不是啥高端技术，还是分享一下。代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style type="text/css">
          html,body,div,p{margin:0;padding:0;} 
          .content{width: 500px;height: 200px;margin:0 auto; line-height: 200px;font-size:20px;}
        </style>
    </head>
    <body>
        <div class="content">
          <span>距离2020年元旦还有</span>
          <span id="d">00</span>天
          <span id="h">00</span>时 
          <span id="m">00</span>分
          <span id="s">00</span>秒
        </div>
    </body>
    <script type="text/javascript">
      var d,h,m,s;
      function go(){
        //获取当前时间，换算成毫秒 
        var date = new Date();  
        var now = date.getTime();
        //获取截止时间，换算成毫秒
        var endData = new Date('2020-01-01 00:00:00');
        var end = endData.getTime();
        //计算时差毫秒
        var time = end - now;
        if(time>0){
          d = Math.floor(time/1000/60/60/24);  
          h = Math.floor(time/1000/60/60%24);  
          m = Math.floor(time/1000/60%60);  
          s = Math.floor(time/1000%60); 
          document.getElementById("d").innerHTML = d;  
          document.getElementById("h").innerHTML = h;  
          document.getElementById("m").innerHTML = m;  
          document.getElementById("s").innerHTML = s; 
          setTimeout(go,1000); 
        }
      }
      go();
    </script>
</html>

小雷雷哥哥

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js时分秒倒计时

项目在微信商城里做了个秒杀活动，写了一段倒计时代码，虽然不是啥高端技术，还是分享一下。代码如下： html,body,div,p{margin:0;padding:0;} .content{width: 500px;height: 200px;margin:0 auto; line-height: 200
复制链接

扫一扫

专栏目录