setInterval设置停止和循环

setInterval()函数是JavaScript中常用的一个定时器函数，用于按照指定的时间间隔重复执行指定的代码。

setInterval()函数的语法如下：

```js

setInterval(function, delay, param1, param2, ...)

```

- function：要重复执行的函数或代码块。

- delay：重复执行的时间间隔，以毫秒为单位。（1000毫秒=1秒）

- param1, param2, ...：可选参数，传递给定时器函数的参数。

当我们调用setInterval()函数时，它会创建一个定时器，然后每隔一段时间就会调用一次指定的函数或代码块。如果我们想要停止定时器的执行，可以使用clearInterval()函数。

下面是一个例子，每隔1秒输出一次"Hello world!"，并在5秒后停止输出：

```js

let count = 0; // 用于计数

let intervalId = setInterval(function() {

console.log("Hello world!");

count++;

if (count === 5) {

clearInterval(intervalId);

}

}, 1000);

```

在这个例子中，我们使用一个变量`count`来计数，每次执行完代码块时，`count`加1。当`count`等于5时，我们调用`clearInterval(intervalId)`来停止定时器的执行。

还有一种情况是，我们希望定时器函数能够循环执行，即执行完一次后立即再次执行。为了实现这个效果，我们可以将setInterval()函数放在定时器函数内部的代码块中。下面是一个例子，每隔1秒输出1至5的数字循环执行：

```js

function loop() {

let count = 1;

setInterval(function() {

console.log(count);

count++;

if (count > 5) {

count = 1; // 重置count为1，实现循环

}

}, 1000);

}

loop();

```

在这个例子中，我们定义了一个名为`loop`的函数，函数内部包含一个`count`变量，并且在每次定时器函数执行完毕后，将`count`加1。当`count`大于5时，我们将`count`重置为1，从而实现了循环执行的效果。

总结一下，setInterval()函数用于设置定时器，重复执行指定的函数或代码块。clearInterval()函数用于停止定时器的执行。通过合理地使用setInterval()和clearInterval()，我们可以实现定时执行和循环执行的效果。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/