商品抢购倒计时的简单实现

最新推荐文章于 2021-06-27 06:12:29 发布

荷兰豆叶子上的水熊

最新推荐文章于 2021-06-27 06:12:29 发布

阅读量3.4k

点赞数

分类专栏：原生js 商品倒计时文章标签：商品倒计时

本文链接：https://blog.csdn.net/u010200033/article/details/80201288

版权

原生js 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

商品倒计时

1 篇文章 0 订阅

订阅专栏

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