微信小程序setInterval定时函数使用详细教程
1、setInterval的理解(1)setInterval理解setInterval定时函数,就是延迟多长时间不停的调用 setInterval中的函数,想具体了解 setInterval函数,我们先看一下 setInterval函数组成部分。(2)setInterval组成setInterval(function () {},时间)。function () {}就是不停执行函数,时间就是延迟多
·
1、setInterval的理解
(1)setInterval理解
setInterval定时函数,就是延迟多长时间不停的调用 setInterval中的函数,想具体了解 setInterval函数,我们先看一下 setInterval函数组成部分。
(2)setInterval组成
setInterval(function () {},时间)。function () {}就是不停执行函数,时间就是延迟多久不断地执行,重点function () {}函数
具体示例:
setInterval(function () {
//.toClock1()是具体函数,写在外边
_this.toClock1();}, 6000);
(3)setInterval需要关闭
使用clearInterval()去关闭,具体使用看下面的内容
clearInterval()
2、setInterval放在微信小程序onshow函数里
onShow:页面显示或从后台跳回小程序时显示此页面时触发,从跳转页面返回时触发,不能传递参数
3、setInterval具体使用
(1)设置全局变量timer(timer随便起)
//在微信小程序data中写如下代码,timer全局变量
data: {
timer: null,
},
(2)onshow写setInterval函数
onShow: function () {
const _this = this
//定时器 函数赋值给timer 方便clearInterval()使用
_this.data.timer = setInterval(
function () {
_this.toClock1();
}, 6000);
_this.setData({
timer:_this.data.timer
});
},
toClock1()函数
//定时函数执行的内容 自己发挥 写自己的代码
toClock1(){
console.log(this.data.timer)
}
3、离开当前页面关闭 setInterval定时函数
代码放在onhide里边
onHide: function () {
//关闭clearInterval定时函数
clearInterval(this.data.timer);
this.setData({
timer: null
});
console.log(this.data.timer)
},
微信小程序更多实用技巧关注下面公众号
更多推荐
已为社区贡献1条内容
所有评论(0)