js时分秒倒计时

来源：互联网发布：mac怎么换桌面编辑：程序博客网时间：2024/05/16 13:57

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

<!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 0