微信小程序写一个setInterval和clearInterval的程序
时间: 2024-09-10 22:21:57 浏览: 41
在微信小程序中,你可以使用`setInterval`和`clearInterval`来实现定时任务。下面是一个简单的例子,假设我们想要每隔三秒钟更新一次计数器:
```javascript
Page({
data: {
count: 0,
timerId: null
},
startCount: function() {
// 设置间隔时间(这里是3秒)
this.timerId = setInterval(() => {
// 更新计数器
this.setData({
count: this.data.count + 1
});
console.log('计数器:', this.data.count);
}, 3000); // 单位为毫秒
},
stopCount: function() {
// 清除定时器
clearInterval(this.timerId);
this.timerId = null;
}
onLoad: function() {
// 页面加载时开始计数
this.startCount();
},
onUnload: function() {
// 页面卸载前停止计数
this.stopCount();
}
})
```
在这个例子中,`startCount`方法启动了定时器,`clearInterval`在`stopCount`方法中被用于清除定时器。`onLoad`生命周期钩子在页面加载时自动触发`startCount`,而`onUnload`则在页面卸载时关闭计数。
阅读全文