jquery - setinterval 重新加载 php 页面，除非单击 "edit"按钮

Question

现在我在 jquery 中有一个间隔函数，每隔几秒重新加载一个页面:

setInterval(function () {
$('div#tab2').load('morefour.php?doc=' + encodeURIComponent(ktitle));
}, 3000);
}); 

我现在真正想做的是如果单击此输入:

<input type='image' class='edit' src='edit.png'>

停止setinterval函数。

Answer 1

setInterval 返回一个句柄，您可以与 clearInterval 一起使用来取消它。句柄将是一个大于零的数字。

因此，保存 setInterval 调用中的句柄:

var handle = setInterval(function () {
    $('div#tab2').load('morefour.php?doc=' + encodeURIComponent(ktitle));
}, 3000);

...然后在按下按钮时使用它来取消它:

$("input.edit").click(function() {
    if (handle) {
        clearInterval(handle);
        handle = 0;
    }
});

另请注意，在上面的第一个片段中，我已将间隔参数 (3000) 移至其应有的位置(正如 Jared 指出的，您将其作为 的第二个参数) load，当然它应该是 setInterval 的第二个参数)。