百度智能小程序 设定一个定时器(以毫秒计)

2020-09-05 11:02 更新

setInterval

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

方法参数

Function callback, Number delay

callback参数说明 :回调函数

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

返回值

名称 解释

number

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

示例

图片示例


代码示例 1 

在开发者工具中打开

<view class="wrap">
    <view class="card-area">
        <view class="top-description border-bottom">
            <view>Interval</view>
            <view>{{Interval}}</view>
        </view>
        <button type="primary" bindtap="bindSetInterval">setInterval</button>
        <button type="primary" bindtap="bindClearInterval">clearInterval</button>
    </view>
    <view class="card-area">
        <view class="top-description border-bottom">
            <view>timeout</view>
            <view>{{timeout}}</view>
        </view>
        <button type="primary" bindtap="bindSetTimeout">setTimeout</button>
        <button type="primary" bindtap="bindClearTimeout">clearTimeout</button>
    </view>
</view>
Page({
    data: {
        Interval: 0,
        timeout: 0
    },
    bindSetTimeout() {
        this.timeout && clearTimeout(this.timeout);
        this.timeout = setTimeout(() => {
            swan.showToast({
                title: 'timeout',
                icon: 'none'
            });
            this.setData({
                timeout: 3
            })
        }, 3000);
    },
    bindClearTimeout() {
        this.timeout && clearTimeout(this.timeout);
        this.setData({
            timeout: 0
        })
    },
    bindSetInterval() {
        this.interval && clearInterval(this.interval);
        this.interval = setInterval(() => {
            swan.showToast({
                title: 'setInterval',
                icon: 'none'
            });
            this.data.Interval += 3;
            this.setData({
                Interval: this.data.Interval
            })
        }, 3000);
    },
    bindClearInterval() {
        this.interval && clearInterval(this.interval);
        this.setData({
            Interval: 0
        })
    }
});


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号