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

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

当您运行以下javascript或检查此JSFiddle时，您可以自己验证bobcen答案

<div id="timeout"></div>
<div id="interval"></div>

var timeout = 0;
var interval = 0;

function doTimeout(){
    $('#timeout').html(timeout);
    timeout++;
    setTimeout(doTimeout, 1);
}

function doInterval(){
    $('#interval').html(interval);
    interval++;
}

$(function(){
    doTimeout();
    doInterval();
    setInterval(doInterval, 1);
});

只是添加到已经说过的内容上，但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可以更容易地取消代码的未来执行。如果使用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);

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