0

WebSocket対応の特定のイベント(イベント「moveLeft」やイベント「moveRight」など)が発生すると、画面上の特定の要素を前後にアニメーション化するリアルタイムアプリがあります。ユーザーが別のブラウザータブにアクセスし、これらのイベントの多くが発生した後に戻ると、ユーザーとの関連性がなくなったとしても、アニメーションのシーケンス全体が実行されます(各イベントの発生時に.animate()を使用)。代わりに、ユーザーがタブで移動しているときにアニメーションを効果的に実行して、タブに再度アクセスしたときに現在の世界の状態を確認し、別のブラウザータブでトリガーされたすべてのアニメーションを見逃してしまうようにします。

この問題に関するドキュメントが見つからないようです。これは、他の相互に排他的なものをアニメーション化する前に.stop()を呼び出す必要があるソリューションと類似しているため、過度のマウスオーバーイベントの後に蓄積されませんが、ここでは実際には当てはまりません。ヒントをいただければ幸いです。

4

1 に答える 1

0

ここにも同様の質問があります:タブを離すとスライドショーがおかしくなる

あなたの場合、websockets がアニメーションをトリガーするため、1 つの解決策は、ウィンドウにフォーカスがあるかどうかを監視し、フォーカスがある場合にのみアニメーションをトリガーすることです。

于 2011-11-18T10:35:53.070 に答える