每周六 18:30的定时器

最新推荐文章于 2021-08-25 10:04:53 发布

zhooson

最新推荐文章于 2021-08-25 10:04:53 发布

阅读量780

点赞数

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/Zhooson/article/details/54965264

版权

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个简单的HTML页面中如何使用JavaScript实现倒计时功能。该功能可以根据设定的目标时间进行倒计时，并在当前时间超过目标时间时自动增加一周的时间间隔，确保倒计时能够持续进行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div><span id="d"></span>天<span id="h"></span>小时<span id="m"></span>分<span id="s"></span>秒</div>

<script>


    //目标时间规定
    var newTimer = new Date("2017/01/14 18:30:00"); //  哪一天的几时几分  根据自己要求修改 
    newTimer = newTimer.getTime();

    //定时器循环
    setInterval(function () {
        //当前时间获取(可以从服务器获取)
        var nowTimer = new Date();
        nowTimer = nowTimer.getTime();
        //如果当前时间大于目标时间，则加上一周；直到目标时间大于当前时间
        while (newTimer<=nowTimer){
            newTimer = newTimer + 7 * 24 * 60 * 60 * 1000;
        }
        //以下为时间计算显示
        var spanTimer = newTimer - nowTimer;
        if (spanTimer > 0) {
            var day = Math.floor(spanTimer / 86400000);
            spanTimer -= day * 86400000;
            var hour = Math.floor(spanTimer / 3600000);
            spanTimer -= hour * 3600000;
            var minute = Math.floor(spanTimer / 60000);
            spanTimer -= minute * 60000;
            var second = Math.floor(spanTimer / 1000);

            //console.log(day + '天' + hour + '时' + minute + '分' + second + '秒');
            document.getElementById("d").innerHTML = day<10?'0'+day:day ;
            document.getElementById("h").innerHTML = hour<10?'0'+hour:hour ;
            document.getElementById("m").innerHTML = minute<10?'0'+minute:minute ;
            document.getElementById("s").innerHTML = second<10?'0'+second:second ;


        }
    }, 1000);


</script>



</body>
</html>