JavaScript 网页循环倒计时插件 - 2 天时效 - 常规

这是一个使用 JavaScript 编写的简单的时效为 2 天的网页循环倒计时插件：

<!DOCTYPE html>
<html>
<head>
    <title>网页循环倒计时插件</title>
</head>
<body>
    <h1 id="countdown">倒计时：2天 00:00:00</h1>

    <script>
        // 设置倒计时结束时间为2天后
        var endTime = new Date();
        endTime.setDate(endTime.getDate() + 2);

        // 更新倒计时
        function updateCountdown() {
            var now = new Date();
            var timeLeft = endTime - now;

            var days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
            var hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
            var seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);

            var countdownElement = document.getElementById("countdown");
            countdownElement.innerHTML = '倒计时：' + days + '天 ' + formatTime(hours) + ':' + formatTime(minutes) + ':' + formatTime(seconds);

            // 循环调用更新倒计时
            if (timeLeft > 0) {
                setTimeout(updateCountdown, 1000);
            }
        }

        // 格式化时间，补零
        function formatTime(time) {
            return time < 10 ? '0' + time : time;
        }

        // 开始倒计时
        updateCountdown();
    </script>
</body>
</html>

将上述代码保存为一个 html 文件，然后在浏览器中打开该文件，即可看到一个时效为 2 天的网页循环倒计时插件。插件会自动在页面上显示当前距离结束时间的倒计时，并且会每秒钟更新一次。当倒计时结束后，插件会停止倒计时。