获取requestAnimationFrame的运行时间
时间: 2023-10-20 14:36:35 浏览: 100
raf-iterator:requestAnimationFrame作为异步迭代器
您可以通过使用`performance.now()`方法来获取`requestAnimationFrame`的运行时间。该方法返回当前时间距离页面加载开始时的毫秒数。以下是一个示例代码:
```javascript
let startTime;
function animate(timestamp) {
if (!startTime) {
startTime = timestamp;
}
const elapsed = timestamp - startTime;
// 在这里进行您的操作
if (elapsed < 5000) { // 动画持续5秒
requestAnimationFrame(animate);
}
}
requestAnimationFrame(animate);
```
在上述示例中,`timestamp`参数是`requestAnimationFrame`回调函数的一个参数,它表示当前帧的时间戳。我们使用`startTime`变量来记录动画开始的时间戳,然后通过计算当前时间戳与开始时间戳之间的差值来获取动画运行的时间。在示例中,动画将持续5秒,如果未达到指定时间,将继续请求下一帧。
希望这可以帮到您!如有更多问题,请随时问。
阅读全文