主页/ 电商学院/微信小程序/指定周期执行函数setInterval()在小程序开发中的使用

指定周期执行函数setInterval()在小程序开发中的使用

大家都知道JS的setInterval指定周期执行函数,就是每隔一段时间执行一段程序,直到窗口关闭或程序停止,而小程序没有window对象,可以使用吗?今天优加网络确定的告诉你:可以而且非常有用!

大家先看看setInterval的定义吧。

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

setInterval函数

下面说说平时使用的地方,根据小程序开发经验
除了倒计时、时钟等平常使用外,加载流程也是经常用到。

比如一般需要会员登录的页面跳转,我们会先跳到首页 再跳到目标页面。这样做理由很简单,不用没个页面做登录逻辑,还有就是可以回退到首页,避免迷路。

那么如果做到登录完成后跳转呢?很多人会想,只要在登录完成后执行跳转函数 是不是就可以了,确实可以,但是这样写代码会很混乱,如果两者相互独立,循环判断是否已完成登录,然后执行跳转是不是也可以。

还有就是当首页用户还没有完成登录判断,用户快速切换在需要登录的页面,这时候是不是要先提示正在登录中,然后循环判断登录完成后,执行加载数据等逻辑。

但是有一点要特别注意的是,当页面onHide或者onUnload的时候要取消循环执行,不然会有意外的BUG出现。 

onHide:function() {
clearInterval(gotoInterval)//清除定时执行跳转
clearInterval(loadCurrInterval)//清除定时执行加载当前悬赏
console.log("首页onHide")
},
onUnload: function () {
clearInterval(gotoInterval)//清除定时执行跳转
clearInterval(loadCurrInterval)//清除定时执行加载当前悬赏
console.log("首页onUnload")
},
网站声明:以上文章内容为优加的原创文章,如需转载,请注明出处,谢谢合作!
0 喜欢
730 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交