requestAnimationFrame()告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。
浏览器重绘频率一般是60帧/秒,即16.7ms重绘一次,这样可以让动画流畅。
window.requestAnimationFrame(callback)
和setTimeout(callback,16.7)实现的功能类似,区别在于前者RAF在浏览器进入后台或iframe隐藏时会暂停,对性能和体验更友好,而setTimeout依然执行。
requestAnimationFrame和setTimeout
最新推荐文章于 2024-06-21 08:42:30 发布