requestAnimationFrame

特点

涉及到动画的制作时，最容易想到的就是定时器setTimeout与setInterval，而requestAnimationFrame 的出现，可以让我们在处理动画时更加得心应手。与定时器相比，requestAnimationFrame 主要有以下优点：

1. 根据屏幕刷新频率执行回调函数(60Hz)。

2. requestAnimationFrame 会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成。

3. 网页失焦已经元素隐藏、不可见时requestAnimationFrame将不会进行重绘或回流。

用法


const raf = requestAnimationFrame(fnName);  // 执行

cancelAnimationFrame(raf); //停止
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。