清除 setInterval - Javascript

在 Javascript 中，setInterval 函数用于周期性地执行某个函数，它接受两个参数：第一个参数是要执行的函数，第二个参数是要隔多久执行一次这个函数。如果我们不想让这个周期性的操作再继续执行，那么就需要使用 clearInterval 函数来清除 setInterval。

使用 clearInterval 函数

clearInterval 函数接受一个参数，这个参数是之前通过 setInterval 函数创建出来的一个 ID。我们可以用这个 ID 来清除 setInterval 的周期性执行。

以下示例代码演示了如何使用 setInterval 和 clearInterval 函数来实现一个拍照程序：

let count = 0;
const intervalId = setInterval(() => {
  count++;
  console.log(`拍照第 ${count} 张`);
}, 100);

setTimeout(() => {
  clearInterval(intervalId);
}, 1000);

这个程序会每隔 100ms 执行一次匿名函数，输出一条拍照信息，直到 1s 后才停止执行。我们先用 setInterval 函数创建了周期性的执行，然后在 1s 后使用 clearInterval 函数来停止周期性的执行。

注意事项

在使用 clearInterval 函数前，我们需要先使用 setInterval 函数来创建一个周期性执行的 ID。如果尝试用未被创建的 ID 来调用 clearInterval 函数，那么会发生什么？会返回一个 undefined 的值，并不会停止周期性的执行。

此外，需要注意的是，setInterval 和其它定时操作（比如 setTimeout）一样，都需要额外小心地处理。如果在执行周期性操作的过程中，出现了异常，可能会导致周期性操作不能正常地执行。我们需要额外小心地处理周期性操作的异常情况，以确保尽可能地避免出现意料之外的问题。

总结

setInterval 和 clearInterval 函数可以用来创建和清除周期性地执行的操作。使用这些函数需要注意异常情况的处理，以及需要使用 setInterval 函数返回的 ID 来调用 clearInterval 函数。