如何使用 requestAnimationFrame 来模拟 60 FPS 的动画，并计算每次调用的

可以使用以下代码在控制台执行，通过 requestAnimationFrame 循环调用一个函数，并使用 Date.now() 来计算每次调用的时间间隔，理论上这个时间间隔应该接近 16.7ms（即1秒/60帧）：

javascript
    let lastTime = 0; 
    const measure = () => { 
    const currentTime = Date.now(); 
    console.log(`${currentTime - lastTime}ms`); 
    lastTime = currentTime; 
    requestAnimationFrame(measure); 
    }; 
    measure();
这段代码会不断在控制台输出每次调用 measure 函数的时间间隔，这个间隔应该接近 16.7ms，从而模拟 60 FPS 的动画效果。

我们持续对 requestAnimationFrame 进行调用，那么每次调用的间隔应该在 16.7ms 左右，即满足我们对于页面流畅度 60 FPS 的要求，可以使用如下代码在控制台执行试试看：

let lastTime = 0;const measure = () => {  console.log(`${Date.now() - lastTime}ms`);  lastTime = Date.now();  requestAnimationFrame(measure);};measure();

——参考链接。