将 clearInterval 停止排队的间隔执行

Question

假设我有这些

myInterval=setInterval(funcA,50);

function funcA(){
  //Some code that takes longer than 50ms to run
}

setTimeout(function(){clearInterval(myInterval);},10000}

假设 funcA 总是需要超过 50 毫秒才能使它变得简单。 自然，许多 funcA 运行会堆积并排队。 clearInterval 会删除那些排队的运行还是停止排队新的运行？

我确实做了一个小提琴来测试它，结果是 clearInterval 停止了所有未来的执行，即使是那些已经排队的。 我只需要确认这种行为是一致的（跨浏览器/平台）。

 var myInterval=setInterval(funcA,20); setTimeout(function(){ clearInterval(myInterval); console.log('Clearing interval at ' + Date.now()); },400); var lastRunTimeStamp=0; function funcA(){ while(Date.now()<lastRunTimeStamp+25){} lastRunTimeStamp=Date.now(); console.log('Run at ' + lastRunTimeStamp); }

--更新--

此问题中的排队执行假设不正确，请查看 TJ Crowder 答案以获取解释。

Answer 1

自然，许多funcA运行会堆积并排队。

不，他们不会，因为重复计时器的工作方式。 浏览器中的计时器行为（现在）由WHAT-WG“HTML5”规范指定。 将下一个任务排队作为上一个任务的一部分，在您的回调完成后完成，而不是与它分开； 详情请看这里。 所以一次只会有一个未完成的任务（在它排队之后，在 JavaScript 引擎可以拿起它并处理它之前）。

clearInterval删除那些排队的运行还是停止排队新的运行？

不*，但没有必要。 计时器系统排队的任务的第一步是查看计时器是否仍在活动计时器列表中； 如果不是， 则任务在调用回调之前终止。 所以就好像clearInterval删除了任务（例如，您以前排队的回调没有运行），但不是因为clearInterval清除了它（而是因为任务已检查）。

测试和证明行为很容易：只需安排一个计时器，然后忙碌等待超过其间隔时间，然后清除它：

 var counter = 0; var timer = setInterval(function() { ++counter; console.log("timer fired:", counter); if (counter == 1) { setTimeout(busyWaitAndClear, 0); } }, 500); // Every 500ms function busyWaitAndClear() { // Obviously never really do this var done = Date.now() + 1000; while (done > Date.now()) { // wait } clearInterval(timer); console.log("timer cleared"); }

请注意，计时器仅触发一次，并且不会触发第二次，即使在我们忙等待时，至少有一个触发它的任务已排队。

---

*（“否” - clearInterval的描述没有说明关于读入待处理任务列表和删除按时间间隔排队但尚未拾取的任务的任何内容。）