通过requestAnimationFrame计算每一帧时间

要计算每一帧的时间，可以使用requestAnimationFrame 方法。requestAnimationFrame 方法可以让浏览器在下一次重绘之前执行一个指定的函数，这样可以实现平滑的动画效果。在每次执行函数时，可以记录当前时间，并将上一次记录的时间与当前时间相减，就可以得到每一帧的时间。

以下是一个简单的示例代码：

let lastTime = 0;
function loop(currentTime) {
  const deltaTime = currentTime - lastTime;
  lastTime = currentTime;

  // 在这里执行动画逻辑

  requestAnimationFrame(loop);
}

requestAnimationFrame(loop);

在这个示例代码中，loop 函数会在每一帧执行一次，并计算出每一帧的时间 deltaTime。lastTime 变量用来保存上一次执行 loop 函数时的时间戳，以便计算 deltaTime。最后，使用 requestAnimationFrame 方法来不断地调用 loop 函数，实现动画效果。