clearInterval(interval) 取消间隔执行

功能分类： Control Applab JavaScript 少儿编程

取消一个通过 setInterval() 方法设置的定时执行，指定 interval 为原 setInterval() 返回值。

一个间隔执行功能设置后，通常还需要一个可以取消的功能。使用 clearInterval() 方法，并将 setInterval(function, milliseconds) 返回值作为参数使用，就可以将设置的间隔执行取消。

示例代码


// 每间隔 1 秒，更新屏幕计数（从 10 到 0）
// 10 次后取消间隔执行设定
var countdown = 10;
textLabel("countdown", countdown);
var i = setInterval(function() {
  countdown = countdown - 1;
  setText("countdown", countdown);
  if(countdown === 0) {
    clearInterval(i);
  }
}, 1000);
console.log("Interval timer ID: " + i);

示例代码：点击按钮取消! 点击按钮取消间隔执行。


// 点击按钮取消间隔执行
button("stop", "Stop the timer");
var i = setInterval(function() {
  write("Timer code ran!");
}, 500);
onEvent("stop", "click", function(){
  clearInterval(i);
});

语法规则


clearInterval(interval);

参数说明

名称	类型	必需	参数描述
interval	number	Yes	指定要取消的间隔执行 id 唯一标识。

返回值

没有返回值。

提示说明

一个间隔执行功能设置后，某些情况下还需要一个可以取消的功能。使用 clearInterval() 方法，并将 setInterval(callback, ms) 返回值作为参数使用，就可以将设置的间隔执行取消。

查看更多少儿编程教程、JavaScript 介绍