新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

JS周期函数setInterval如何使用,js周期定时器

发布时间:2023-09-28 14:04:40

JS周期函数setInterval如何使用

setInterval函数用于依照指定的时间间隔重复履行指定的代码块或函数。它接受两个参数,第一个参数是要履行的代码块或函数,第二个参数是时间间隔(以毫秒为单位)。
下面是setInterval函数的使用方法:

// 定义一个计数器变量
var counter = 0;
// 定义一个函数,每次履行时计数器加一并输出结果
function incrementCounter() {
counter++;
console.log(counter);
}
// 使用setInterval函数,每隔1秒履行一次incrementCounter函数
var intervalId = setInterval(incrementCounter, 1000);

在上面的例子中,我们定义了一个计数器变量counter和一个函数incrementCounterincrementCounter函数每次履行时将计数器加一并输出结果。然后,我们使用setInterval函数,每隔1秒履行一次incrementCounter函数。setInterval函数返回一个唯一的标识符intervalId,可以用于后续取消这个周期函数的履行。
如果需要停止周期函数的履行,可使用clearInterval函数,并传入intervalId作为参数。例如:

// 停止周期函数的履行
clearInterval(intervalId);

注意:setInterval函数会在指定的时间间隔过后立即开始履行第一次代码块或函数,并且会依照指定的时间间隔重复履行。如果履行的代码块或函数耗时较长,可能会致使周期函数的履行间隔变长。如果需要确保周期函数的履行间隔始终相等,可以斟酌使用setTimeout函数递归调用来实现。