requestAnimationFrame とタイマーの今更な比較とデモ

フレーム描画のタイミング制御モデル 今更 requestAnimationFrame() だなんて Can I use を見ても IE 10 ですら実装していて、世界の 9 割以上で動作しうるカバレッジなわけですが改めて setTimeout() との違いを表現しうるサンプルをこさえてました。 それぞれの仕様の詳細や挙動についてはそれこそ今更なのでググっていただくとして、この記事ではサンプルについて曖昧な説明を添えていきます。 CodePen - setTimeout vs requestAnimationFrame (with CSS Transitions) See the Pen setTimeout vs requestAnimationFrame (with CSS Transitions) by Ayumu Sato (@ahomu) on CodePen. 比較のポイントとシ

[uva]

こうやって計測するのかー

[dorayakikun]

やはり結構ちがってくるもんだなぁ。。。

[efcl]

`requestAnimationFrame`と`setTimeout`の比較。 `setTimeout`は細かい処理でも影響を受けやすいという話

[berlysia]

ほんとにいい感じに突っ込んでくれるんだな