irpas技术客

微信小程序setInterval定时函数使用详细教程_1029179954_微信小程序setinterval

网络 6381

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.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。