JavaScript、setInterval() 超出其计时器范围

Question

我有一个使用 setInterval() 调用的函数，如下所示:

canvasInterval = setInterval(updateCGoL, (1000/this.frameRate)|0);

我允许用户指定每秒的帧数(有限制，仅在 parseInt() 之后为非 NaN 值 Math.max(Math.min(用户输入 , 30), 1))。即使它以每秒 30 帧的速度运行，我也很确定它会在下一帧之前完成其工作。我的问题是:

• 如果它没有在规定的时间内完成工作会发生什么我给的？
• 有没有办法测试它是否在下一个之前没有完成其工作框架是否有问题？

编辑:(从评论中复制/粘贴)如果我的函数的限制是每秒 20 帧(计算)，但我以每秒 30 帧的速度运行 setInterval，它将以每秒 20 帧的速度运行？ (而不是同时运行两个函数)

Answer 1

Javascript 是单线程的，因此您对设置间隔的调用将被添加到队列中。它们将按顺序执行，但如果您的函数花费的时间比实际间隔长，您的工作时间将超出 setInterval 调用的预期完成时间。