我使用setTimeout。

显然，区别在于setTimeout只调用一次方法，setInterval则重复调用它。

这是一篇很好的文章，解释了两者的区别：教程：带有setTimeout和setInterval的JavaScript计时器

从另一个角度来看：setInterval确保代码在每个给定的时间间隔（即1000毫秒，或您指定的时间间隔）运行，而setTimeout设置它“等待”直到运行代码的时间。而且，由于运行代码需要额外的毫秒，所以它总共需要1000毫秒，因此setTimeout会以不精确的时间（超过1000毫秒）再次运行。

例如，计时器/倒计时不是用setTimeout完成的，而是用setInterval完成的，以确保它不会延迟，并且代码以精确的给定间隔运行。

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（）。这是因为它只在达到指定间隔时执行一次。

只是添加到已经说过的内容上，但setTimeout版本的代码也将达到最大调用堆栈大小，这将使其停止运行。因为递归函数没有停止的基本情况，所以不能让它永远运行。

他们本质上试图做同样的事情，但setInterval方法将比setTimeout方法更准确，因为setTimeout等待1000ms，运行函数，然后设置另一个超时。因此，等待时间实际上比1000毫秒多一点（如果您的函数需要很长时间才能执行，则会更长）。

虽然有人可能认为setInterval将每1000ms执行一次，但需要注意的是，setInterval也会延迟，因为JavaScript不是一种多线程语言，这意味着，如果脚本的其他部分正在运行，则该间隔必须等待它完成。

在这个Fiddle中，您可以清楚地看到超时将落后，而时间间隔几乎一直都是1次/秒（脚本正在尝试这样做）。如果将顶部的速度变量更改为20这样的小值（意味着它将尝试每秒运行50次），则间隔将永远不会达到每秒50次迭代的平均值。

延迟几乎总是可以忽略不计的，但是如果你正在编程一些非常精确的东西，你应该使用一个自动调整的计时器（它本质上是一个基于超时的计时器，它会根据创建的延迟不断调整自己）

setInterval和setTimeout都返回一个计时器id，您可以使用它来取消执行，即在触发超时之前。要取消，请调用clearInterval或clearTimeout，如下所示：

var timeoutId = setTimeout(someFunction, 1000);
clearTimeout(timeoutId);
var intervalId = setInterval(someFunction, 1000),
clearInterval(intervalId);

此外，当您离开页面或关闭浏览器窗口时，超时会自动取消。