js实现倒计时

最新推荐文章于 2023-06-29 14:43:36 发布

在线小白www

最新推荐文章于 2023-06-29 14:43:36 发布

阅读量113

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_43654065/article/details/108823043

版权

JavaScript 专栏收录该内容

128 篇文章 7 订阅

订阅专栏

利用原生js实现倒计时，注意Date()函数中表示月份的参数介于 0 到 11 之间。也就是说，如果希望把月设置为 8 月，则参数应该是 7。

<script type="text/javascript">
        window.onload = function () {


            var oDiv1 = document.getElementById('div1')
            var oDiv2 = document.getElementById('div2')
            var oDiv3 = document.getElementById('div3')

            function timeGo() {

                var now = new Date();

                var future = new Date(2020, 8, 28, 10, 35, 0)

                // 相减得到的是毫秒，需要除以1000得到秒
                var lefts = parseInt((future - now) / 1000)

                var day = parseInt(lefts / 86400)
                var hour = parseInt((lefts % 86400) / 3600)
                var min = parseInt(((lefts % 86400) % 3600) / 60)
                var sec = lefts % 60


                oDiv1.innerHTML = now;
                oDiv2.innerHTML = future;
                oDiv3.innerHTML = day + "天 "+" "+ +todou(hour) + ":" + todou(min) + ":" + todou(sec);
            }

            timeGo();

            setInterval(timeGo,1000);

            // 按标准格式显示时间00:00:00，否则当时、分、秒的数字小于10时，会以单数字形式表现0.0.0.

            function todou(num) {

                if (num < 10) {
                    return '0' + num;
                }
                else {
                    return num;
                }

            }

        }
    </script>
</head>

<body>
    <div id="div1"></div>
    <div id='div2'></div>
    <div id='div3' style="color:red;"></div>
</body>

</html>

在线小白www

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现倒计时

利用原生js实现倒计时，注意Date()函数中表示月份的参数介于 0 到 11 之间。也就是说，如果希望把月设置为 8 月，则参数应该是 7。<script type="text/javascript"> window.onload = function () { var oDiv1 = document.getElementById('div1') var oDiv2 = document.getElementById('d
复制链接

扫一扫

专栏目录