指定周期執行函數setInterval()在小程序開發中的使用

2023-02-08 分類：小程序開發

大家都知道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")

分享名稱：指定周期執行函數setInterval()在小程序開發中的使用
分享鏈接：http://www.2m8n56k.cn/news/236007.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有小程序開發等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

指定周期執行函數setInterval()在小程序開發中的使用