js让公交车停止 120 帧,后继续移动
时间: 2023-08-24 19:06:24 浏览: 41
您可以使用setTimeout()函数或setInterval()函数来实现将公交车停止一段时间后再继续移动。
下面是一个使用setTimeout()函数的示例代码:
```
// 获取公交车元素
var bus = document.getElementById("bus");
// 停止公交车的移动
bus.style.animationPlayState = "paused";
// 等待 120 帧
setTimeout(function() {
// 恢复公交车的移动
bus.style.animationPlayState = "running";
}, 1000/60 * 120); // 1000/60 表示每一帧的时间,乘以 120 表示等待 120 帧
```
如果您想要定时执行某个操作,您可以使用setInterval()函数。下面是一个使用setInterval()函数的示例代码:
```
// 获取公交车元素
var bus = document.getElementById("bus");
// 停止公交车的移动
bus.style.animationPlayState = "paused";
var frameCount = 0;
var intervalId = setInterval(function() {
frameCount++;
if (frameCount >= 120) {
// 恢复公交车的移动
bus.style.animationPlayState = "running";
clearInterval(intervalId);
}
}, 1000/60); // 1000/60 表示每一帧的时间
```
这段代码会每一帧执行一次匿名函数,直到执行 120 帧后停止执行并恢复公交车的移动。