js动态设置多个setinterval,每个之间互不影响,用ID来清除定时器
时间: 2024-03-20 17:42:30 浏览: 128
动态时钟,利用setInterval
可以通过动态设置多个`setInterval`来实现每个之间互不影响,并且可以使用ID来清除指定的定时器。示例代码如下:
```javascript
// 定义一个数组,用于存储所有的定时器ID
var intervalIds = [];
// 动态设置多个定时器
intervalIds.push(setInterval(function() {
console.log("第1个定时器执行了");
}, 1000));
intervalIds.push(setInterval(function() {
console.log("第2个定时器执行了");
}, 2000));
intervalIds.push(setInterval(function() {
console.log("第3个定时器执行了");
}, 3000));
// 清除指定的定时器
clearInterval(intervalIds[1]);
```
上面的代码定义了一个数组`intervalIds`,用于存储所有的定时器ID,然后通过`setInterval`动态设置了三个定时器,并将它们的ID添加到`intervalIds`数组中。最后,可以通过`clearInterval`来清除指定的定时器,例如上面的代码清除了第二个定时器。
需要注意的是,每个定时器的ID是唯一的,因此可以通过数组来存储每个定时器的ID,以便在需要时清除指定的定时器。同时,如果不再需要某个定时器,应该及时清除它,以免浪费资源并影响性能。
阅读全文