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 介绍

返回文档首页