百度智能小程序 設定一個定時器（以毫秒計）

setInterval

解釋：設定一個定時器，按照指定的周期（以毫秒計）來執(zhí)行注冊的回調(diào)函數(shù)。

方法參數(shù)

Function callback, Number delay

callback參數(shù)說明 ：回調(diào)函數(shù)

delay參數(shù)說明 ： 執(zhí)行回調(diào)函數(shù)之間的時間間隔，單位 ms。

返回值

示例

圖片示例

代碼示例 1 

在開發(fā)者工具中打開

<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
        })
    }
});