如何通过按钮单击停止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);
});