window.requestAnimationFrame(function(){
......
})
setInterval、setTimeout函数设置的时间无法保证和显示频率刷新同步(即显示频率刷新的时候无法保证setInterval操作正好被执行,即使都是相同的刷新时间),因此会出现丢帧和动画效果生硬不连贯等问题
requestAnimationFrame的调用时间是和系统的刷新频率同步的,动画效果更加顺滑自然,也能找到性能和效果的最佳均衡点,得到最优的解决方案。
window.requestAnimationFrame(function(){
......
})
setInterval、setTimeout函数设置的时间无法保证和显示频率刷新同步(即显示频率刷新的时候无法保证setInterval操作正好被执行,即使都是相同的刷新时间),因此会出现丢帧和动画效果生硬不连贯等问题
requestAnimationFrame的调用时间是和系统的刷新频率同步的,动画效果更加顺滑自然,也能找到性能和效果的最佳均衡点,得到最优的解决方案。