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

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

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

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

有什么不同吗？

对在调用setTimeout（）后，Timeout会执行一定的时间；Interval在上一个激发的间隔之后执行一定的时间。

如果doStuff（）函数需要一段时间才能执行，则会注意到差异。例如，如果我们用.表示对setTimeout/setInterval的调用。，使用*触发超时/间隔，使用[--]执行JavaScript代码，时间线如下：

Timeout:

.    *  .    *  .    *  .    *  .
     [--]    [--]    [--]    [--]

Interval:

.    *    *    *    *    *    *
     [--] [--] [--] [--] [--] [--]

下一个复杂的问题是，如果JavaScript已经在忙着做某件事（例如处理上一个间隔）时触发了一个间隔。在这种情况下，间隔将被记住，并且在上一个处理程序完成并将控制权返回给浏览器时立即发生。例如，对于有时短（[-]）有时长（[--]）的doStuff（）进程：

.    *    *    •    *    •    *    *
     [-]  [-----][-][-----][-][-]  [-]

•表示无法立即执行代码的间隔激发，而是被挂起。

因此，间隔时间尽量“赶上”进度。但是，它们不会一个一个地排队：每个间隔只能有一个执行等待。（如果他们都排队，浏览器将留下一个不断扩大的未执行列表！）

.    *    •    •    x    •    •    x
     [------][------][------][------]

x表示无法执行或挂起的间隔激发，因此被丢弃。

如果你的doStuff（）函数习惯性地需要比为它设置的时间间隔更长的时间来执行，那么浏览器将消耗100%的CPU来服务它，并且可能会变得反应迟钝。

你用哪种？为什么？

链接超时为浏览器提供了一个保证的空闲时间；Interval试图确保它正在运行的功能尽可能接近其计划时间执行，而牺牲了浏览器UI的可用性。

我会考虑一次性动画的时间间隔，我希望它尽可能流畅，而链式超时对于加载页面时一直在进行的动画更为礼貌。对于要求较低的用途（例如每30秒启动一次微不足道的更新程序），您可以安全地使用其中之一。

就浏览器兼容性而言，setTimeout早于setInterval，但您现在遇到的所有浏览器都支持两者。多年来最后一个掉队的是WinMo<6.5版本的IE Mobile，但希望这也已经过时了。

如果您想取消超时，我发现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);

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