jQuery requestAnimationFrame 在失去浏览器焦点时禁用暂停答案

【问题标题】：jQuery requestAnimationFrame disable pause on losing browser focusjQuery requestAnimationFrame 在失去浏览器焦点时禁用暂停
【发布时间】：2012-12-05 15:20:49
【问题描述】：

我正在使用动画构建一个 jQuery 应用程序。

目前，如果我最小化浏览器或更改浏览器选项卡，requestAnimationFrame API 会暂停动画，然后当我回到我的应用程序时，它会再次启动。

是否可以避免这种暂停，以便在我离开当前标签时动画继续运行？

【问题讨论】：

您使用的是哪个版本的 jQuery？由于您描述的问题（请参阅this question 和bug #9381），不久前删除了对requestAnimationFrame() 的支持。您可能只需要升级。

标签： jquery html requestanimationframe

【解决方案1】：

这正是requestAnimationFrame 的预期行为；当浏览器专注于脚本正在运行的选项卡时请求一个帧。如果您需要动画持续运行，那么您将需要使用setInterval。

var FPS = 30;
setInterval(function()
{
  draw();
}, 1000/FPS);

【讨论】：