setInterval

解释:设定一个定时器,按照指定的周期(以毫秒计)来执行注册的回调函数。

# 方法参数

Function callback, Number delay

callback参数说明 :回调函数

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

# 返回值

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

# 示例

# 扫码体验

请使用百度APP扫码

# 图片示例

# 代码示例1

在开发者工具中预览效果

  • 在 swan 文件中
<view class="wrap">
    <button type="primary" bindtap="setInterval">setInterval</button>
    <button type="primary" bindtap="clearInterval">clearInterval</button>
</view>
  • 在 js 文件中
Page({
    setInterval() {
        this.interval && clearInterval(this.interval);
        this.interval = setInterval(function () {
            swan.showToast({
                title: 'setInterval',
                icon: 'none'
            })
        }, 5000);
    },
    clearInterval() {
        this.interval && clearInterval(this.interval);
    }
});

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

在开发者工具中预览效果

  • 在 js 文件中
Page({
    data: {
        time: 60
    },
    onLoad() {
        let timer = setInterval(() => {
            let time = 60;
            time -= 1;
            this.setData('time', time);
            if (time <= 10) {
                let time = 60 - time;
                this.setData({
                    time: '即将超时 0' + time
                });
            }
            if (time <= 0) {
                clearInterval(timer);
            }
        }, 1000);
    }
});