jQueryはいくつのステップでアニメーション化されますか？

Question

私は楽しいもののために私自身のアニメーション機能を書いています。

私は本当に滑らかなアニメーションを得ることができません。 jQueryには、アニメーション1ステップあたりのステップ数が非常に滑らかになっています。何ステップを取るべきかを理解するために使用する一般的な式は何ですか？

Answer 1

アニメーションの時間によって異なります。 jQuery.fx.intervalに保存されているデフォルト設定を使用するjQueryは、最初のアニメーションが開始されたときにすべてのアニメーションに共通の単一の13ミリ秒インターバルタイマーを開始し、すべてのアニメーションが完了するとそれを停止します。 animate:、custom:、interval:、およびunminified jQuery source codeでstep:ため

検索。これらの最後には、すでに実行されているアニメーションの割合を決定するロジックが含まれています。これは、タイムスタンプに基づいています。つまり、純粋なJSでnew Date().getTime()です。

理論的には、現在のLCDモニタのほとんどの60Hzリフレッシュレートよりも約80フレーム/秒高速です。パフォーマンスが問題であれば、フレームレートを少し落とす（間隔を広げる）ことで、おそらく得ることができます。