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的。你沒有清除間隔，所以他們正在複合。