每五秒调用请求动画帧

Question

如果我需要不断获取一些新数据，我知道最好的解决方案是 websockets。这样服务器会在有新数据时通知客户端。但为了避免这种情况发生，我需要每五秒调用一次 http 请求。

我在这里使用计数器只是为了模拟而不是调用一些 http 服务。

let counter = 0;

setInterval(() => {

  console.log(counter);

  ++counter;

},5000)

我读到更好的解决方案是 requestAnimationFrame 而不是 setInterval。浏览器对它进行了更优化，并且当选项卡不活动时它会暂停。设置间隔继续触发，并且当选项卡不活动时，这不好。

我如何每五秒调用 requestAnimationFrame 中的某个函数？

Answer 1

要实际上每 5 秒调用一次，您仍然需要（至少）setTimeout. 但有了这个，下面的一些事情就会起作用：requestAnimationFrame(function run() {    console.log('do something w/o initial delay');    setTimeout(function () {        console.log('do something w/ initial delay');        requestAnimationFrame(run);    }, 5000);});