不同之处在于它们的目的。

setInterval()
   -> executes a function, over and over again, at specified time intervals  

setTimeout()
   -> executes a function, once, after waiting a specified number of milliseconds

就这么简单

此处提供更多详细信息http://javascript.info/tutorial/settimeout-setinterval

我使用setTimeout。

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

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

好吧，setTimeout在一种情况下更好，正如我刚刚学到的。我总是使用setInterval，我让它在后台运行了半个多小时。当我切换回该选项卡时，幻灯片（使用代码的幻灯片）的变化非常快，而不是每5秒一次。事实上，随着我对它进行更多的测试，它确实会再次发生，这是否是浏览器的错误并不重要，因为使用setTimeout，这种情况是完全不可能的。

控制台的区别很明显：

选项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。

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