用JavaScript 实现计时器功能

最新推荐文章于 2021-06-04 07:07:47 发布

LY1237

最新推荐文章于 2021-06-04 07:07:47 发布

阅读量342

点赞数

本文链接：https://blog.csdn.net/LY1237/article/details/103534090

版权

<div id='box'></div>
    <script>
        setInterval(showtime, 1000); //循环调用函数
        function showtime() {
            var o = document.getElementById('box'); //通过id找div
            var adate = new Date('2020/1/1 00:00:00'); //定义截止日期
            var bdate = new Date(); //定义当前日期
            var a = adate.getTime(); //取出1970年1月1日午夜到截止日期的毫秒数。
            var b = bdate.getTime();
            var tt = parseInt((a - b) / 1000); //两者秒数差
            var d = parseInt(tt / 60 / 60 / 24); //天数
            var h = parseInt(tt / 60 / 60 % 24); //小时
            var m = parseInt((tt / 60) % 60); //分钟
            var s = tt % 60; //秒
            if (h < 10) {
                h = '0' + h; //加零防止盒子波动
            }
            if (m < 10) {
                m = '0' + m;
            }
            if (s < 10) {
                s = '0' + s;
            }
            var time = '距离2020/1/1 00:00:00 还剩:<br>' + d + '天' + h + '小时' + m + '分钟' + s + '秒'; 
            o.innerHTML = time; //输出内容到盒子
        }
        showtime() //调用函数
    </script>