jquery自我调用函数循环

Question

我试图检查我的自调用jquery函数是否完成了工作，但是发生的是结果在每次自我调用时都保持相乘。

HTML

<span id="checkit"></span> 

的Javascript

$(function(){ 
    callme(); 
}); 

function callme(){ 
    $('#checkit').append("callme loaded<br />"); 
    setInterval("callme()", 5000); 
} 

通常情况下，这是我的代码的结果。

onLoad。

callme loaded 

5秒后

callme loaded <from previous 
callme loaded 

另外5秒钟后

callme loaded <from previous 
callme loaded <from previous 
callme loaded 
callme loaded 
callme loaded 
callme loaded 

对不起，糟糕的解释。我一直在想这些事情发生的原因。如果任何人都可以解释我做错了什么，或解决这个问题。请帮助 - 这个问题一直困扰着我好几天。

Answer 1

每当您拨打callme时，您正在创建一个新的时间间隔，将再次调用callme。您可以使用clearInterval或使用setTimeout而不是setInterval来清除以前的时间间隔。

function callme(){ 
    $('#checkit').append("callme loaded<br />"); 
    setTimeout(callme, 5000); 
} 

Answer 2

您需要检查是否已创建#checkit元素。而且，你需要使用超时（只调用一次），而不是一个区间（这推移和）：

学习

function callme(){ 
    $('#checkit').append("callme loaded<br />"); 
    if (!document.getElementById('checkit')) 
     setTimeout(callme, 5000); 
} 

参考：window.setTimeout

Answer 3

的setInterval不setTimeout的。你没有清除间隔，所以他们正在复合。