setinterval()与clearInterval()JS函数的调用方法

下面是关于setInterval()和clearInterval()函数的完整攻略。

setInterval()函数

setInterval()是一个用来循环执行代码的JavaScript函数。我们可以使用它执行一些周期性任务，例如更新UI，展示动画等。 它的语法如下：

var intervalID = setInterval(callback, delay, arg1, arg2, ...)

参数解释：

• callback：必须，是一个在指定时间间隔内被调用的函数
• delay：必须，以毫秒为单位的时间间隔
• arg1, arg2, ...：可选，传递给callback函数的参数列表

setInterval函数返回的是一个唯一的intervalID值，可以用来后续清除定时器。

下面是一个例子，我们可以用setInterval()来每秒更新一个计数器：

// 设置计数器值为0
var count = 0;

// 定义一个用来更新计数器的函数
function updateCount() {
    // 更新计数器的值
    count++;
    // 在控制台输出计数器的值
    console.log(count);
}

// 每秒执行一次updateCount函数
var intervalID = setInterval(updateCount, 1000);

clearInterval()函数

当我们想要停止一个使用setInterval()函数创建的定时器时，就需要使用clearInterval()函数了。clearInterval()函数将会停止在setInterval中调用的函数，即使setInterval()函数还没有完成。

clearInterval()函数的语法如下：

clearInterval(intervalID)

参数解释：

• intervalID：必须，是要清除的定时器ID

下面我们用clearInterval()函数停止之前的例子中的计数器：

// 设置计数器值为0
var count = 0;

// 定义一个用来更新计数器的函数
function updateCount() {
    // 更新计数器的值
    count++;
    // 在控制台输出计数器的值
    console.log(count);
}

// 每秒执行一次updateCount函数
var intervalID = setInterval(updateCount, 1000);

// 5秒后停止定时器
setTimeout(function() {
    clearInterval(intervalID);
    console.log('定时器已经停止');
}, 5000);

上面的代码将会在方法调用5秒之后停止计数器，并输出一条信息"定时器已经停止"。

希望以上攻略能够帮到你，谢谢！