jquery - jQuery requestAnimationFrame は、ブラウザのフォーカスを失ったときの一時停止を無効にします

Question

アニメーションを使用してjQueryアプリを構築しています。

現在、requestAnimationFrameブラウザを最小化するか、ブラウザのタブを変更すると、API はアニメーションを一時停止し、アプリケーションに戻ると再び開始します。

現在のタブを離れてもアニメーションが実行され続けるように、この一時停止を回避することは可能でしょうか?

Answer 1

これはまさに の意図した動作ですrequestAnimationFrame。スクリプトが実行されているタブにブラウザーがフォーカスされているときにフレームを要求します。アニメーションを常に実行する必要がある場合は、setInterval代わりに使用することをお勧めします。

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