Cri*_*sty 5 javascript canvas processing.js
我最近创建了一个HTML5画布动画（也使用Processing.js）。
问题是，当我将浏览器切换到其他选项卡时，动画将停止播放。
当用户位于与包含动画的选项卡不同的选项卡上时，如何允许动画继续播放？
示例：http： //jsfiddle.net/EyFTr/3/
如果切换选项卡，时钟将停止，但是如果您打开链接，则会打开一个新窗口并使该窗口模糊，时钟仍将移动。
简短的回答是你不能。
https://developer.mozilla.org/en/DOM/window.setTimeout
在（Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2）和 Chrome 11 中，超时被限制为在非活动选项卡中每秒触发一次（1000 毫秒）；请参阅 bug 633421 了解 Mozilla 中有关此问题的更多信息，或查看 crbug.com/66078 了解有关 Chrome 中此问题的详细信息。
所讨论的浏览器在这句话中有点旧，但它仍然相关。这是设计使然。它是为了在选项卡不活动时减少处理器负载。（Processing.js 用于setTimeout动画）
有几种方法可以“解决”这个问题。它们涉及检查时间，并在选项卡激活后根据时间计算对象“应该”位于的位置。然而，在您的示例中，您的代码看起来会这样做，因为它是一个基于时间的时钟。