除非单击"编辑"按钮,否则setinterval重新加载php页面

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;
    }
});

另请注意,在上面的第一个片段中,我已将interval参数(3000)移动到它应该的位置(正如Jared指出的那样,你将它作为第二个参数load,当然它应该是第二个参数setInterval).