美文网首页
requestAnimationFrame和setTimeout

requestAnimationFrame和setTimeout

作者: 9月的甜橙子 | 来源:发表于2021-10-19 08:35 被阅读0次

    requestAnimationFrame更好。
    requestAnimationFrame 提供一个原生的API去执行动画的效果,它会在一帧(一般是16ms)间隔内根据选择浏览器情况去执行相关动作。
    setTimeout是在特定的时间间隔去执行任务,不到时间间隔不会去执行,这样浏览器就没有办法去自动优化。

    使用 requestAnimationFrame 不需要设置具体的时间,由系统来决定回调函数的执行时间,requestAnimationFrame 里面的回调函数是在页面刷新之前执行,它跟着屏幕的刷新频率走,保证每个刷新间隔只执行一次,内如果页面未激活的话,requestAnimationFrame 也会停止渲染,这样既可以保证页面的流畅性,又能节省主线程执行函数的开销

    相关文章

      网友评论

          本文标题:requestAnimationFrame和setTimeout

          本文链接:https://www.haomeiwen.com/subject/hswjoltx.html