JavaScript 中的 setInterval 循环

JavaScript 中总有一个现成的方法可以完成大多数任务；将一种数据类型转换为另一种数据类型、设置间隔循环、更新对象或数组、识别键盘输入事件等等。

与此相符，有一些有用的方法可以帮助我们在 JavaScript 中使用计时器。本文将指导你在 JavaScript 中使用区间循环。

JavaScript 提供了两个计时器函数来允许代码在不阻塞的情况下运行。它提供了函数 setTimeout() 和 setInterval()，它们在一定的时间间隔后执行指定的表达式或指定的函数。

在 JavaScript 中使用 setInterval() 设置循环时间间隔

setInterval() 方法由 JavaScript 提供。此方法在 worker 和 window 接口中提供，重复调用函数或执行代码部分。此代码以每次调用之间的固定时间间隔运行。

setInterval 和 setTimeout 函数之间的唯一区别是，prior 重复调用该函数，每次调用之间都有延迟，而 later 会在延迟后执行函数。如果你希望你的函数在指定的延迟后被调用一次，请使用 setTimeout()。

语法：

setInterval(function [, delay, arg1, arg2, ...]);

function 是一个必需参数，它指定在时间过去后要执行的功能。

code 是必需参数；如果用户不提交函数，用户可以传递一个字符串作为函数的替代。delay 是一个可选参数。

此参数接受在执行指定的代码或函数之前用作以毫秒为单位的计时器的数值。如果没有传递任何值，0 是导致执行的默认值。

arg1, ..., argN 是一个可选参数。函数的值可以在传递函数时作为额外的参数传递。

有关更多信息，请阅读 setInterval() 方法的文档。

let counter = 0;
const i = setInterval(function() {
  console.log(counter);
  counter++;
  if (counter === 5) {
    clearInterval(i);
  }
}, 200);

在上面的代码中，我们将计数器设置为 0 并在 setInterval 函数中更新它，直到它达到所需的值。一旦达到所需的值，你就可以删除该间隔。这个 setInterval() 方法返回一个正值和一个唯一的 intervalID 来帮助识别计时器。该值可用于 clearInterval()。这个 clearInterval() 方法取消了之前由 setInterval() 设置的重复操作（超时）。

输出：

0
1
2
3
4