(JS)新年倒计时

最新推荐文章于 2024-09-25 14:00:00 发布

IMUT_HuHao

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量117

点赞数 3

文章标签： javascript 服务器开发语言

本文链接：https://blog.csdn.net/IMUT_HuHao/article/details/140487086

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title></title>
    <style>

    </style>
</head>
<body>
<div id="box"></div>

<script>

    window.addEventListener('load', function f() {
        i = window.setInterval(task, 1000);//设置计时器，每秒执行一次
    })


    function task() {
        let nowDate = new Date();
        let nextSpring = new Date(2025, 1, 29)//可自行修改时间
        let time = (nextSpring.getTime() - nowDate.getTime())
        // 将时间差转换为天、小时、分钟、秒
        let seconds = Math.floor(time / 1000);
        let minutes = Math.floor(seconds / 60);
        let hours = Math.floor(minutes / 60);
        let days = Math.floor(hours / 24);

        // 计算剩余的小时、分钟、秒数
        let remainingHours = hours % 24;
        let remainingMinutes = minutes % 60;
        let remainingSeconds = seconds % 60;
        // 输出倒计时信息
        document.getElementById('box').innerHTML = `距离明年春节还有：${days}天 ${remainingHours}小时 ${remainingMinutes}分钟 ${remainingSeconds}秒`;
        if (time === 0) {
            window.clearInterval(i);
        }
    }
</script>
</body>
</html>