递归 setInterval() 连续运行答案

【问题标题】：Recursive setInterval() runs continuously递归 setInterval() 连续运行
【发布时间】：2013-09-08 19:32:18
【问题描述】：

我正在尝试使用 JavaScript 使用递归 setInterval 函数每 5 秒运行一次函数。

以下代码尽可能快地记录“已启动”，然后使浏览器崩溃。为什么不是每 5 秒运行一次？

function five() {
console.log("five");
setInterval(five(), 5000);
}
five();

【问题讨论】：

【解决方案1】：

不要以这种方式使用 setInterval。使用设置超时。通过调用 setInterval，您可以在每次调用该函数时创建一个 UNIQUE 计时器。 SetTimeout 将创建一个结束的计时器，然后创建一个新的计时器。

您还应该更改引用five 的方式。 five() 立即执行该函数。只需 five 传递一个函数引用，如下所示。

function five() {
    console.log("five");
    setTimeout(five, 5000);
}
five();

当然，您始终可以将函数调用作为要评估的字符串传递：

    setTimeout("five()", 5000); // note the quotes

但这通常被认为是不好的做法。

【讨论】：

【解决方案2】：

您立即致电five，而不是仅仅将其传递：

function five () {
    console.log("five");
}
setInterval(five, 5000);
/*              ^     */

【讨论】：

【解决方案3】：

改变这一行：

setInterval(five(), 5000);

像这样：

setInterval(five, 5000);

但看起来你真正需要的是：

setTimeout(five, 5000);

所以您的代码将如下所示：

function five() {
   console.log("five");
   setTimeout(five, 5000);
}
five();

【讨论】：

【解决方案4】：

崩溃的原因是你调用了函数5。相反，您应该将其作为参数传递。

setInterval(five, 5000);

【讨论】：