火狐节流setInterval

Question

我试图做一个基于网络的游戏，我使用setInterval更新游戏(位置，碰撞检查等) 60次每秒。

它在大多数浏览器中运行良好，但出于某种原因，Firefox有时会将其控制在每秒35次左右。是的，有时候。如果DevTools关闭，它将节流，但如果您打开DevTools并开始录制性能，它将跳转到60，并将保持这种方式，直到DevTools关闭。

如果您正在使用Firefox，请运行代码片段并尝试：

​

var cycles = 0;
setInterval(()=>{
  cycles++;
}, 1000/60);
setInterval(()=>{
  console.log("Update cycles per second: %i", cycles);
  cycles = 0;
}, 1000);

​

这是个虫子吗？如果没有，为什么会发生这种情况，我如何解决这个问题？

编辑：，我不使用setInterval来渲染。为此，我使用requestAnimationFrame。我使用setInterval在一个固定的时间间隔更新游戏，因为requestAnimationFrame会在重新绘制之前触发，并且很大程度上依赖于用户屏幕的刷新速度。

Answer 1

你不应该依赖计时器是准确的。但事实往往并非如此。相反，要相信时间是准确的：

 var cycles = 0, start = Date.now();
 setInterval(() => {
  cycles = Math.floor((Date.now() - start) / 1000 * 60);
 }, 1000/60);

尽管如此，requestAnimationFrame可能是一个比setInterval更好的选择，因为它会被调用到每个重发器上。