javascript - JS 中的倒计时

Question

我试图在注册的.php 页面上显示一个倒计时，显示从 3 秒开始并逐秒下降的计时器，最后重定向到另一个页面。但是，当我在浏览器中加载该页面时，我会立即重定向到另一个页面。有人可以帮我找出原因吗？

    The registration was successful, you will be redirected in <span id="num"></span> seconds.
    <script>
        $(document).ready(function (){
            for (var i = 3; i>0; i--) {
                setTimeout(function () {
                    $("#num").html(i);
                },1000);
            }
            window.location.replace("login.html");
        });
    </script>

Answer 1

由于这是一个重定向页面，您可能不希望包含这段代码的整个 jQuery 库:

var remaining = 3;

function countdown() {
    document.getElementById('num').innerHTML = remaining;
    if (!remaining--) {
        window.location.replace("login.html");
    }
    setTimeout(countdown, 1000);
}

window.onload = countdown;

JS Fiddle Demo