停止间隔 JavaScript

在 JavaScript 中，我们经常使用 setTimeout 和 setInterval 来实现定时器功能。但是有时候我们需要在一定条件下停止这些定时器，这时候就要用到停止间隔函数。

clearInterval 函数

setInterval 函数返回一个唯一的 ID 值，通过这个 ID 值，我们可以使用 clearInterval 函数来停止一个计时器。

// 定义一个计数器
let count = 0;

// 设置一个间隔函数，每隔 1 秒输出一次计数器的值
let intervalId = setInterval(() => {
  console.log(count++);
}, 1000);

// 5 秒后停止计时器
setTimeout(() => {
  clearInterval(intervalId);
}, 5000);

在上面的示例中，我们定义了一个计数器，然后使用 setInterval 定义了一个间隔函数，每隔 1 秒输出一次计数器的值。然后在 5 秒后使用 clearInterval 停止了这个计时器。

clearTimeout 函数

和 setInterval 一样，setTimeout 也返回一个唯一的 ID 值。我们可以使用 clearTimeout 函数来取消一个定时器。

// 设置一个延迟函数，在 5 秒后输出一行消息
let timeoutId = setTimeout(() => {
  console.log("Hello, world!");
}, 5000);

// 如果在 3 秒后用户按下了某个按键，则取消延迟函数
window.addEventListener("keydown", () => {
  clearTimeout(timeoutId);
});

在上面的示例中，我们使用 setTimeout 设置了一个 5 秒延迟后输出一行消息的延迟函数。然后如果在 3 秒内用户按下了某个按键，则取消了这个延迟函数。

总结

在 JavaScript 中，我们可以使用 clearInterval 和 clearTimeout 函数来停止一个计时器或者延迟函数。这些函数接受一个计时器或者延迟函数的唯一 ID 值作为参数，通过这个 ID 值来取消对应的计时器或者延迟函数。