每秒运行一次函数 JavaScript

在一些前端应用程序中，我们需要根据特定的时间间隔定期执行某些任务。JavaScript为我们提供了一种简单但有效的方式，以每秒运行一次函数的形式定期执行代码。

setInterval()函数

我们可以使用 setInterval() 函数来定期执行代码。这个函数接收两个参数：

1. 要定期执行的函数。
2. 执行函数的时间间隔（以毫秒为单位）。

下面是一个简单的例子，每秒输出一次Hello World。

setInterval(function() {
  console.log("Hello World");
}, 1000);

这段代码定期执行一个匿名函数，然后将“Hello World”打印到控制台。它将在每秒钟执行一次，因为我们将时间间隔设置为1000毫秒。

clearInterval()函数

我们可以使用 clearInterval() 函数来停止定期执行代码。这个函数接收一个标识符作为参数，这个标识符是由 setInterval() 函数返回的。

下面是一个例子，每三秒输出一次数字，并在第十二秒停止：

let counter = 0;
let intervalId = setInterval(function() {
  counter++;
  console.log(counter);
  if (counter === 4) {
    clearInterval(intervalId);
  }
}, 3000);

这段代码每三秒输出一个数字，当输出到第四个数字时，我们使用 clearInterval() 函数停止了代码的执行。

小结

使用 setInterval() 函数可以很容易地定期执行代码，而使用 clearInterval() 函数可以随时停止正在执行的代码。

这是一种非常有用的机制，可以在前端应用程序中实现许多不同的功能。