如何在 jQuery 中停止从按钮单击中重新加载页面

Question

在这里，我的代码每 10000 毫秒重新加载一次。现在，我需要添加一个按钮 (id=button1) 单击函数来阻止此页面重新加载。但是下面的代码不起作用。

 <script type="text/javascript">
        var t=0;

        if(t==0) {
            window.setInterval(function () {
                location.reload();
            }, 10000);
        }

            $("#button1").click (function() {
                t=1
                alert(t);
            });

        });

    </script>

Answer 1

var t=0;

if(t==0) {

嗯，这很愚蠢。 t 将始终等于该行上的 0，因为 就在它之前的行 设置了该值。因此，让我们摆脱不必要的部分并简化代码：

window.setInterval(function () {
    location.reload();
}, 10000);

$("#button1").click (function() {
    // what to do here?
});

现在您要设置间隔并定义点击处理程序。在该点击处理程序中，您想要 clear the interval。您可以使用 setInterval 返回的值来执行此操作。例如：

var i = window.setInterval(function () {
    location.reload();
}, 10000);

$("#button1").click(function() {
    window.clearInterval(i);
});

如何在 jQuery 中停止从按钮单击中重新加载页面

How to stop page reloading in jQuery from button click

jquery

button

reload