0

我有一个实时应用程序,我在某些启用 websocket 的事件触发(例如事件“moveLeft”和事件“moveRight”)时来回为屏幕上的某些元素设置动画。当用户访问另一个浏览器选项卡并在其中许多事件触发后返回时,他们会看到整个动画序列执​​行(在每个事件触发时使用 .animate() ),即使它们不再与用户相关。相反,我希望动画在用户被选项卡关闭时有效地发生,这样当他们重新访问选项卡时,他们会看到当前的世界状态,而只是错过在另一个浏览器选项卡中触发的所有动画。

我似乎找不到有关此问题的任何文档;它与您需要在动画其他相互排斥的事物之前调用 .stop() 的解决方案具有相似性,这样您就不会在过多的鼠标悬停事件之后积累,但这在这里并不适用。任何提示将非常感谢。

4

1 回答 1

0

这里有一个类似的问题:如果您关闭幻灯片,幻灯片会发疯

在您的情况下,由于 websockets 触发动画,一种解决方案可能是观察窗口是否具有焦点,并且仅在它处于焦点时触发动画。

于 2011-11-18T10:35:53.070 回答