Jquery自调用函数循环

Question

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

HTML

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

Javascript

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

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

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

加载。

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

setInterval 不是 setTimeout。您没有清除间隔，因此它们正在复利。

Answer 3

您需要检查#checkit 元素是否已创建。并且，您需要使用超时（仅调用一次）而不是间隔（持续不断）：

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

学习参考：