requestAnimationFragment帧速控制

最新推荐文章于 2025-09-23 14:31:01 发布

原创最新推荐文章于 2025-09-23 14:31:01 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

41 篇文章

订阅专栏


let animation = (timestamp, elapsed) => {
    if (elapsed > 1000 / 30) {//速度控制在每秒30帧以内
        //TO DO SOMETHING
        elapsed = 0
    }
    
    window.requestAnimationFrame(
        _timestamp => step(_timestamp, elapsed + _timestamp - timestamp)
    )
}
window.requestAnimationFrame(timestamp => animation(timestamp, 0))

requestAnimationFrame 发出请求

等待浏览器在合适的时机调用

浏览器调用时向callback 传入调用时的时间戳 (仅有一个参数)

调用的时间间隔并不一定相等