递归setInterval()连续运行

Question

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

以下代码只是尽可能快地记录"已启动",然后崩溃浏览器.为什么这不是每5秒钟运行一次？

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

Answer 1

不要以这种方式使用setInterval.使用setTimeout.通过调用setInterval,每次调用函数时都会创建一个UNIQUE计时器.SetTimeout将创建一个结束的计时器,然后创建一个新的计时器.

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

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

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

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

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

Answer 2

你立即打电话 five,而不是仅仅传递它:

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