setInterval与clearInterval的使用示例代码


当然,以下是一个简单的JavaScript示例,展示了如何使用`setInterval`和`clearInterval`。这个示例将每秒在控制台打印当前时间,并在5秒后停止打印。


// 定义一个变量来存储setInterval的返回值
let timerId = null;

// 使用setInterval设置一个定时器,每秒执行一次
timerId = setInterval(() => {
  const now = new Date();
  console.log(`当前时间: ${now.toLocaleTimeString()}`);
}, 1000);

// 使用setTimeout来模拟5秒后执行clearInterval
setTimeout(() => {
  if (timerId !== null) {
    // 清除定时器
    clearInterval(timerId);
    console.log('定时器已清除,不再打印时间。');
  }
}, 5000);

这段代码首先通过`setInterval`函数设置一个定时器,它每秒执行一次,打印出当前的时间。然后,使用`setTimeout`来模拟一个延迟操作,5秒后执行`clearInterval`函数来停止定时器。这样,在控制台上,你会看到时间被连续打印了5秒后停止。