setTimeout还是setInterval？

Question

setTimeout还是setInterval？

据我所知，这两个javascript的行为方式相同：

选项A：

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

选项B：

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

使用setTimeout和setInterval有什么区别吗？

Answer 1

有什么区别吗？是。调用setTimeout（）后，超时执行一定的时间; 间隔在上一个间隔触发后执行一定的时间。如果doStuff（）函数需要一段时间才能执行，您会注意到区别。例如，如果我们使用setTimeout / setInterval表示调用，.使用*和执行JavaScript代码触发超时/间隔[-----]，则时间轴如下所示：Timeout:.&nbsp; &nbsp; *&nbsp; .&nbsp; &nbsp; *&nbsp; .&nbsp; &nbsp; *&nbsp; .&nbsp; &nbsp; *&nbsp; .&nbsp; &nbsp; &nbsp;[--]&nbsp; &nbsp; [--]&nbsp; &nbsp; [--]&nbsp; &nbsp; [--]Interval:.&nbsp; &nbsp; *&nbsp; &nbsp; *&nbsp; &nbsp; *&nbsp; &nbsp; *&nbsp; &nbsp; *&nbsp; &nbsp; *&nbsp; &nbsp; &nbsp;[--] [--] [--] [--] [--] [--]下一个复杂情况是，如果在JavaScript已经忙于执行某些操作（例如处理上一个间隔）时会触发间隔。在这种情况下，会记住间隔，并在上一个处理程序完成后立即发生并将控制权返回给浏览器。因此，例如doStuff（）过程有时很短（[ - ]），有时很长（[-----]）：.&nbsp; &nbsp; *&nbsp; &nbsp; *&nbsp; &nbsp; •&nbsp; &nbsp; *&nbsp; &nbsp; •&nbsp; &nbsp; *&nbsp; &nbsp; *&nbsp; &nbsp; &nbsp;[-]&nbsp; [-----][-][-----][-][-]&nbsp; [-]•表示无法立即执行其代码的间隔触发，而是取而代之。因此，间隔试图“赶上”以按时恢复。但是，它们并不排在一起：每个区间只能有一个执行挂起。（如果他们都排队等候，浏览器会留下不断扩展的未完成执行列表！）.&nbsp; &nbsp; *&nbsp; &nbsp; •&nbsp; &nbsp; •&nbsp; &nbsp; x&nbsp; &nbsp; •&nbsp; &nbsp; •&nbsp; &nbsp; x&nbsp; &nbsp; &nbsp;[------][------][------][------]x表示无法执行或被挂起的间隔触发，因此被丢弃。如果你的doStuff（）函数通常需要比为它设置的时间间隔更长的时间来执行，那么浏览器会吃100％的CPU来尝试为它提供服务，并且可能会降低响应速度。你用哪个？为什么？Chained-Timeout为浏览器提供了保证的空闲时间; Interval尝试确保其运行的功能尽可能接近其预定时间执行，但代价是浏览器UI可用性。我会考虑一次性动画的间隔，我希望尽可能平滑，而链式超时对正在进行的动画更有礼貌，这些动画会在页面加载时一直发生。对于要求较低的用途（例如每30秒触发一次微不足道的更新程序），您可以安全地使用它们。在浏览器兼容性方面，setTimeout优先于setInterval，但您今天将遇到的所有浏览器都支持这两种浏览器。多年来最后一个落后者是WinMo <6.5的IE Mobile，但希望现在也落后于我们。

Answer 2

的setInterval（）setInterval()是一种基于时间间隔的代码执行方法，具有在达到间隔时重复运行指定脚本的本机能力。它应该不被嵌套到它的回调函数由脚本作者，使其循环，因为它循环默认。除非你打电话，它将继续按间隔开火clearInterval()。如果要循环动画代码或时钟滴答，请使用setInterval()。function&nbsp;doStuff()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;alert("run&nbsp;your&nbsp;code&nbsp;here&nbsp;when&nbsp;time&nbsp;interval&nbsp;is&nbsp;reached");}var&nbsp;myTimer&nbsp;=&nbsp;setInterval(doStuff,&nbsp;5000);的setTimeout（）setTimeout()是，将执行一个脚本仅基于时间的代码执行方法一次到达的时间间隔时。它不会再次重复，除非你通过将setTimeout()对象嵌套在它调用运行的函数内来使其循环脚本。如果适合循环，除非你打电话，它将继续按间隔射击clearTimeout()。function&nbsp;doStuff()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;alert("run&nbsp;your&nbsp;code&nbsp;here&nbsp;when&nbsp;time&nbsp;interval&nbsp;is&nbsp;reached");}var&nbsp;myTimer&nbsp;=&nbsp;setTimeout(doStuff,&nbsp;5000);如果您希望在指定的时间段后发生一次某些事情，请使用setTimeout()。这是因为它只在达到指定的间隔时执行一次。