JS倒数在按钮点击上不起作用

Question

我在实现JS重定向倒数时遇到问题...在这里您可以看到html按钮，当我单击它时，它应该开始重定向倒数：

<footer>
    <button type="submit" class="btn btn-primary">
        <i class="fa fa-refresh"></i> Reset Password
    </button>
</footer>

这是js：

$("button").click(function() {
    var count = 3;
    var countdown = setInterval(function(){
    $("#redirect").text(count);
        if (count == 0) {
            clearInterval(countdown);
            window.open('index.php', "_self");

        }
    count--;
    }, 1000);
});

问题是，当我单击按钮时，它不执行任何操作，这不算不重定向。.如果我将脚本移出按钮单击事件，则它可以正常工作。.我缺少什么，在这里不明白吗？

谢谢..

Answer 1

您的按钮是一个submit按钮，即它将提交当前表单，并且肯定会刷新页面，这将导致脚本被终止。

如果要避免提交按钮的默认行为，则应添加e.preventDefault()

$("button").click(function(e) {
    var count = 3;
    var $that = $(this);
    var countdown = setInterval(function(){
        $("#redirect").text(count);
        if (count == 0) {
            clearInterval(countdown);

            window.open('index.php', "_self");

            // submit now
            $that.closest('form').submit();
        }
        count--;
    }, 1000);
    e.preventDefault();
});