JavaScript setInterval()方法

JavaScript的setInterval()方法是用于在一定间隔时间循环执行指定代码的函数。该方法接受两个参数，第一个参数是要执行的函数，第二个参数是时间间隔的毫秒数。

语法

setInterval(function, milliseconds);

• function：要执行的函数或要执行的代码。
• milliseconds：时间间隔的毫秒数。

返回值

该方法返回一个唯一的 ID 值，可以通过该ID值来取消循环执行。

示例

// 每1秒输出一次当前时间
setInterval(function() {
    console.log(new Date());
}, 1000);

上述代码会在控制台输出当前时间，每一秒钟输出一次，直到调用 clearInterval() 方法结束。

取消循环执行

可以使用clearInterval()方法来取消循环执行。该方法接受一个参数，即要取消的定时器 ID 值。

// 创建一个定时器
var timer = setInterval(function() {
    console.log('Hello World!');
}, 1000);

// 取消定时器
clearInterval(timer);

上述代码会输出Hello World!，每一秒钟输出一次，但在执行了clearInterval(timer)后，定时器就被取消了，输出也就停止了。

注意事项

• 由于 JavaScript 是单线程的，如果执行的操作比较耗时，可能会导致页面的响应出现问题。
• setInterval()的时间间隔不是精确的，可能会因为浏览器负载等问题导致间隔时间不准确。
• 可以使用setTimeout()方法来实现只循环执行一次指定代码的效果。