码迷,mamicode.com
首页 > Web开发 > 详细

商城倒计时JS怎么做

时间:2018-11-16 18:22:35      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:set   enter   距离   倒计时   function   elements   span   turn   var   

商城倒计时JS怎么做

<style type="text/css">
       div {
        text-align: center;
        color:#333;
        font-size: 36px;
       }
    </style>
</head>
<body>
    <div>距离2019年春节还有:<span>0</span>天<span>0</span>时<span>0</span>分<span>0</span>秒</div>
    <script type="text/javascript">
         var spans = document.getElementsByTagName("span");
        // 距离春节多少天多少时多少分多少秒
        var end = new Date("2019-2-5");    
        // 开启定时器
        setInterval(function(){
            var now=new Date();
            // alert(now);
            _ss=parseInt(diff(now,end));
            // alert(_ss);
            _d=parseInt(_ss/(24*3600));
            // alert(_d);(
            _h=parseInt(_ss%(24*3600)/3600);
            // alert(_h);
            _m=parseInt(_ss%3600/60);
            // alert(_m);
            _s=parseInt(_ss%60);
            // alert(_s);
           spans[0].innerHTML=toTwo(_d);
           spans[1].innerHTML=toTwo(_h);
           spans[2].innerHTML=toTwo(_m);
           spans[3].innerHTML=toTwo(_s);

        },1000)
        function diff(start,end){
            return (end.getTime()-start.getTime())/1000
        }
        function toTwo(num){
            return num<10?"0"+num:num
        }
    </script>

商城倒计时JS怎么做

标签:set   enter   距离   倒计时   function   elements   span   turn   var   

原文地址:https://www.cnblogs.com/lxystar/p/9970736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!