setInterval

解释：设定一个定时器，按照指定的周期（以毫秒计）来执行注册的回调函数。

方法参数

Function callback, Number delay

callback参数说明 ：回调函数

delay参数说明 ： 执行回调函数之间的时间间隔，单位 ms。

返回值

名称解释
number定时器的编号。这个值可以传递给 clearInterval 来取消该定时。

示例

扫码体验

setInterval - 图1请使用百度APP扫码

图片示例

setInterval - 图2

setInterval - 图3

setInterval - 图4

代码示例1

在开发者工具中预览效果

  • 在 swan 文件中
  1. <view class="wrap">
  2.     <button type="primary" bindtap="setInterval">setInterval</button>
  3.     <button type="primary" bindtap="clearInterval">clearInterval</button>
  4. </view>
  • 在 js 文件中
  1. Page({
  2.     setInterval() {
  3.         this.interval && clearInterval(this.interval);
  4.         this.interval = setInterval(function () {
  5.             swan.showToast({
  6.                 title: 'setInterval',
  7.                 icon: 'none'
  8.             })
  9.         }, 5000);
  10.     },
  11.     clearInterval() {
  12.         this.interval && clearInterval(this.interval);
  13.     }
  14. });

代码示例2 - 常用作定时器

在开发者工具中预览效果

  • 在 js 文件中
  1. Page({
  2.     data: {
  3.         time: 60
  4.     },
  5.     onLoad() {
  6.         let timer = setInterval(() => {
  7.             let time = 60;
  8.             time -= 1;
  9.             this.setData('time', time);
  10.             if (time <= 10) {
  11.                 let time = 60 - time;
  12.                 this.setData({
  13.                     time: '即将超时 0' + time
  14.                 });
  15.             }
  16.             if (time <= 0) {
  17.                 clearInterval(timer);
  18.             }
  19.         }, 1000);
  20.     }
  21. });