setInterval（）

setInterval（）是一种基于时间间隔的代码执行方法，它具有在达到时间间隔时重复运行指定脚本的本机能力。脚本作者不应将其嵌套到回调函数中以使其循环，因为默认情况下它会循环。除非您调用clearInterval（），否则它将在间隔时间内继续激发。

如果您想为动画或时钟周期循环代码，请使用setInterval（）。

function doStuff() {
    alert("run your code here when time interval is reached");
}
var myTimer = setInterval(doStuff, 5000);

setTimeout（）

setTimeout（）是一种基于时间的代码执行方法，当达到时间间隔时，只执行一次脚本。除非您将setTimeout（）对象嵌套在要运行的函数内，使其循环脚本，否则它不会再次重复。如果调整为循环，除非调用clearTimeout（），否则它将在间隔时间内继续发射。

function doStuff() {
    alert("run your code here when time interval is reached");
}
var myTimer = setTimeout(doStuff, 5000);

如果您希望某件事在指定的时间段后发生一次，请使用setTimeout（）。这是因为它只在达到指定间隔时执行一次。

当您在setInterval中运行某个函数时，它的工作时间比超时时间长->浏览器将被卡住。-例如，doStuff（）需要1500秒才能执行，您需要：setInterval（doStuff，1000）；1） 浏览器运行doStuff（），需要1.5秒才能执行；2） 约1秒后，它尝试再次运行doStuff（）。但之前的doStuff（）仍在执行->所以浏览器将此运行添加到队列中（在第一次完成后运行）。3,4,..) 相同的添加到下一次迭代的执行队列中，但上一次的doStuff（）仍在进行中。。。结果，浏览器卡住了。为了防止这种行为，最好的方法是在setTimeout内运行setTimeout以模拟setInterval。要纠正setTimeout调用之间的超时，可以使用JavaScript的setInterval技术的自我纠正替代方法。

控制台的区别很明显：

选项A和选项B看起来工作相同的原因主要是因为setInterval和setTimeout函数的位置不同。

function myTimeoutFunction()
{
    doStuff();
    setTimeout(myTimeoutFunction, 1000);
}

myTimeoutFunction();

这是一个递归函数，如果doStuff非常复杂，则setTimeout必须跟踪setTimout的所有调用以及当前的doStuff，这会使它变得更慢，而且速度更快。

function myTimeoutFunction()
{
    doStuff();
}

myTimeoutFunction();
setInterval(myTimeoutFunction, 1000);

另一方面，setInterval只需要跟踪上一个setInterval和当前的doStuff，使其保持恒定的速度。

So which one should you use?

从上面的内容中，您应该能够得出结论，更好的方法是setInterval。

如果您想取消超时，我发现setTimeout方法更容易使用：

function myTimeoutFunction() {
   doStuff();
   if (stillrunning) {
      setTimeout(myTimeoutFunction, 1000);
   }
}

myTimeoutFunction();

此外，如果函数中出现错误，它将在第一次错误时停止重复，而不是每秒重复错误。

setInterval可以更容易地取消代码的未来执行。如果使用setTimeout，则必须跟踪计时器id，以防以后取消它。

var timerId = null;
function myTimeoutFunction()
{
    doStuff();
    timerId = setTimeout(myTimeoutFunction, 1000);
}

myTimeoutFunction();

// later on...
clearTimeout(timerId);

对

function myTimeoutFunction()
{
    doStuff();
}

myTimeoutFunction();
var timerId = setInterval(myTimeoutFunction, 1000);

// later on...
clearInterval(timerId);