1. 程式人生 > >商品搶購倒計時的簡單實現

商品搶購倒計時的簡單實現

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <p></p>
        <script type="text/javascript">
            showTime();
            var timer = setInterval(showTime,1000);
            function showTime(){
                var end = Date.parse('2019/01/01');
                // 獲取當前時間
                var now = Date.now();
                // 計算差值
                var offset = Math.floor((end - now)/1000);//毫秒

                if(offset <= 0){
                    // 清除定時器
                    clearInterval(timer);
                }

                var sec = offset%60;
                var min = Math.floor(offset/60)%60;
                var hour = Math.floor(offset/60/60)%24;
                var day = Math.floor(offset/60/60/24);

                sec = sec<10? '0'+sec : sec;
                min = min<10? '0'+min : min;
                hour = hour<10? '0'+hour : hour;
                day = day<10? '0'+day : day;


                document.querySelector('p').innerHTML = day + '天' + hour + '時' + min + '分' + sec + '秒';
            }

           

        </script>
    </body>
</html>