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