概述
window.requestAnimationFrame() 告诉浏览器,你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。window.requestAnimationFrame 的优势是利用了显示器的刷新机制,从而节省了系统资源(CPU\GPU 等)。显示器每秒最多只能重绘 60 次或 75 次,window.requestAnimationFrame 的基本思想就是与这个刷新频率保持同步,利用这个刷新频率进行页面重绘。
语法
window.requestAnimationFrame(callback);
cancelAnimationFrame 方法
cancelAnimationFrame 方法用于取消重绘。
浏览器兼容性
实例
文章及代码中如有问题,欢迎指正,谢谢!如果对您有帮忙~ 来个 Star 吧!!!
本文Github地址:使用 window.requestAnimationFrame 实现一个持续的动画效果