如何通过requestAnimationFrame实现流畅的动画效果？

本文共计798个文字，预计阅读时间需要4分钟。

目录 + requestAnimationFrame -- use 是什么 + 回调函数 + 调用频率 + 返回值 + 如何使用 window.requestAnimationFrame(callback); + 示例 + 多个运行情况 + 停止执行 + cancelAnimationFrame + 动画运用 + 总结 + requestAnimationFrame -- use 是什么

目录

• requestAnimationFrame--use是什么
• 回调函数
• 调用频率
• 返回啥
• 如何用window.requestAnimationFrame(callback);
• 示例
• 多个运行情况
• 停止执行
• cancelAnimationFrame
• 动画运用
• 总结

requestAnimationFrame--use是什么

告诉浏览器用来执行一个动画，并且在下一次重绘之前调用其指定的回调函数取更新动画，所以该方法的参数就是一个回调函数，在下一次重绘时候调用。