js时分秒倒计时

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

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



猜你喜欢

转载自blog.csdn.net/leileibrother/article/details/78711356