setInterval(callback, ms) 设置间隔执行

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

设置每间隔指定的 ms 毫秒数,就执行指定的 callback 回调函数一次。

在 APP 应用里,有时需要每间隔一定时间,就执行一次某些操作,比如 “打地鼠” 游戏里的地鼠每隔一定时间出现一次。setInterval() 会有一个数值类型的返回值,这个返回值可以作为参数传递给 clearInterval(timeout) 方法,用于取消这个间隔执行设置。

示例代码



// 每间隔一秒(1000 毫秒),输出一条日志到控制台
var seconds = 0;
setInterval(function() {
  seconds = seconds + 1;
  console.log(seconds + " seconds have elapsed");
}, 1000);

示例代码:10 次随机移动 每间隔 0.5 秒,进行一次随机移动。10 次后取消次间隔执行设定。


// 每间隔 0.5 秒,进行一次随机移动。10 次后取消次间隔执行设定
var count=0;
var intervalID = setInterval(function(){
  var x = randomNumber(-50, 50);
  var y = randomNumber(-50, 50);
  console.log("Move " + x + " horizontally and " + y + " vertically.");
  move(x, y);
  count=count+1;
  if (count==10) clearInterval(intervalID);
}, 500);

示例代码:闪来闪去 使用 setInterval 以及 setTimeout 方法设置文本标签闪来闪去的效果,显示 1 秒,消失 1 秒。


// 使用 setInterval 以及 setTimeout 方法设置文本标签闪来闪去的效果,显示 1 秒,消失 1 秒
textLabel("blinker", "This text blinks");
setInterval(function() {
  showElement("blinker");
  setTimeout(function() {
    hideElement("blinker");
  }, 1000);
}, 2000);

语法规则


setInterval(callback, ms);

参数说明

名称 类型 必需 参数描述
callback function Yes 每间隔指定时间长度,要回调执行的函数。
ms number Yes 在重复执行指定方法之间,需要间隔的毫秒数。

返回值

返回一个数字类型的间隔器 id 唯一标识。使用这个 id 可以将这个间隔执行设置取消。

提示说明

  • 可以使用 clearInterval(timeout) 方法来取消通过 setInterval() 设置的定时执行功能。
  • 间隔调用的是指定的回调函数,并且异步执行,所以 setInterval() 后面的代码不会等这个间隔执行功能完成后才运行。

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

返回文档首页