⏱️ setInterval と requestAnimationFrame の挙動比較
setInterval 方式
コールバック回数
0
平均周期 (ms)
-
増殖したタイマー
0
setInterval を開始
requestAnimationFrame 方式
更新フレーム
0
秒針更新周期 (ms)
-
待機中のタイマー
0
RAF ループを開始
すべて停止
停止中
requestAnimationFrameは画面のリフレッシュに同期し、setIntervalはブラウザが非アクティブでも走り続けます。タイマーの増殖具合を観察してください。