setInterval ,如何停止?
时间: 2024-03-02 15:47:02 浏览: 88
setInterval是JavaScript中的一个函数,用于按照指定的时间间隔重复执行指定的代码或函数。它接受两个参数:要执行的代码或函数,以及时间间隔(以毫秒为单位)。
要停止setInterval的执行,可以使用clearInterval函数。clearInterval接受一个参数,即要停止执行的setInterval的标识符(也称为定时器ID)。这个标识符是通过调用setInterval时返回的。
下面是一个示例,演示如何使用setInterval和clearInterval来重复执行代码并停止执行:
```javascript
// 定义一个计数器变量
let count = 0;
// 定义一个函数,用于每秒增加计数器并输出结果
function incrementCounter() {
count++;
console.log(count);
}
// 每秒执行一次incrementCounter函数,并将返回的定时器ID保存在timer变量中
let timer = setInterval(incrementCounter, 1000);
// 5秒后停止执行
setTimeout(function() {
clearInterval(timer); // 使用clearInterval停止setInterval的执行
}, 5000);
```
在上面的示例中,我们定义了一个计数器变量count和一个函数incrementCounter,用于每秒增加计数器并输出结果。然后,我们使用setInterval每秒执行一次incrementCounter函数,并将返回的定时器ID保存在timer变量中。最后,我们使用setTimeout在5秒后调用clearInterval函数,并传入timer作为参数,从而停止setInterval的执行。
阅读全文