js setInterval与clearInterval的测试代码
时间: 2024-06-14 22:03:07 浏览: 175
在JavaScript中,`setInterval` 和 `clearInterval` 是两个常用的定时执行函数,用于周期性地运行一段代码。`setInterval` 会按照指定的时间间隔(单位为毫秒)执行回调函数,而 `clearInterval` 则用于停止正在运行的定时器。
以下是一个简单的测试代码示例,展示如何使用这两个函数:
```javascript
// 假设我们有一个计数器函数,每秒增加1
function countDown() {
console.log('Countdown:', counter++);
}
let counter = 0; // 初始化计数器
let intervalId; // 定义定时器ID
// 设置定时器,每秒钟执行一次countDown函数
intervalId = setInterval(countDown, 1000);
// 一段时间后,我们可以选择清除定时器
setTimeout(() => {
clearInterval(intervalId); // 停止计数
console.log('Timer stopped.');
}, 5000); // 5秒后停止计时器
// 另外,为了确保定时器被正确清理,可以在`clearInterval`后立即尝试获取计数器的值
console.log('Final counter value:', counter);
```
在这个例子中,`setInterval` 会在定时器开始后的5秒内每隔1秒打印一次计数器的值。`clearInterval` 在5秒后执行,停止定时器的执行,并显示“Timer stopped.”。
阅读全文