指定周期执行函数setInterval()在小(xiǎo)程序开发中的使用(yòng)

2023-02-08    分(fēn)类: 小(xiǎo)程序开发

大家都知道JS的setInterval指定周期执行函数,就是每隔一段时间执行一段程序,直到窗口关闭或程序停止,而小(xiǎo)程序没有(yǒu)window对象,可(kě)以使用(yòng)吗?今天创新(xīn)互联确定的告诉你:可(kě)以而且非常有(yǒu)用(yòng)!
大家先看看setInterval的定义吧。
setInterval() 方法可(kě)按照指定的周期(以毫秒(miǎo)计)来调用(yòng)函数或计算表达式。

setInterval() 方法会不停地调用(yòng)函数,直到 clearInterval() 被调用(yòng)或窗口被关闭。由 setInterval() 返回的 ID 值可(kě)用(yòng)作 clearInterval() 方法的参数。
setInterval函数
下面说说平时使用(yòng)的地方,根据小(xiǎo)程序开发经验
除了倒计时、时钟等平常使用(yòng)外,加载流程也是经常用(yòng)到。
比如一般需要会员登录的页面跳转,我们会先跳到首页 再跳到目标页面。这样做理(lǐ)由很(hěn)简单,不用(yòng)没个页面做登录逻辑,还有(yǒu)就是可(kě)以回退到首页,避免迷路。
那么如果做到登录完成后跳转呢(ne)?很(hěn)多(duō)人会想,只要在登录完成后执行跳转函数 是不是就可(kě)以了,确实可(kě)以,但是这样写代码会很(hěn)混乱,如果两者相互独立,循环判断是否已完成登录,然后执行跳转是不是也可(kě)以。
还有(yǒu)就是当首页用(yòng)户还没有(yǒu)完成登录判断,用(yòng)户快速切换在需要登录的页面,这时候是不是要先提示正在登录中,然后循环判断登录完成后,执行加载数据等逻辑。
但是有(yǒu)一点要特别注意的是,当页面onHide或者onUnload的时候要取消循环执行,不然会有(yǒu)意外的BUG出现。

onHide:function() {
clearInterval(gotoInterval)//清除定时执行跳转
clearInterval(loadCurrInterval)//清除定时执行加载当前悬赏
console.log("首页onHide")
},
onUnload: function () {
clearInterval(gotoInterval)//清除定时执行跳转
clearInterval(loadCurrInterval)//清除定时执行加载当前悬赏
console.log("首页onUnload")
},

网页标题:指定周期执行函数setInterval()在小(xiǎo)程序开发中的使用(yòng)
转载注明:

网站建设、网络推广公司-创新(xīn)互联,是专注品牌与效果的网站制作,网络营销seo公司;服務(wù)项目有(yǒu)小(xiǎo)程序开发

广告

声明:本网站发布的内容(图片、视频和文(wén)字)以用(yòng)户投稿、用(yòng)户转载内容為(wèi)主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文(wén)章观点不代表本网站立场,如需处理(lǐ)请联系客服。電(diàn)话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新(xīn)互联

网站优化排名