商城倒计时JS怎么做

商城倒计时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>

猜你喜欢

转载自www.cnblogs.com/lxystar/p/9970736.html
今日推荐