利用setTimeout模擬setInterval功能所產(chǎn)生的無法清除的問題及解決辦法

pakolagij 發(fā)布于2019-08-21 16:49 / 3529人閱讀

摘要：通常，寫首頁輪播模塊時都需要用到間歇調(diào)用函數(shù)的調(diào)用與清除，由于定時器存在一些性能上的問題，因此，在實際開發(fā)中都采用來模擬的功能，其模擬代碼如下由于在內(nèi)部調(diào)用其自身，所以導致失效對于這個問題，只需要稍做修改即可解決，其代碼如下這樣，即可通過清

 通常，寫首頁輪播模塊時都需要用到間歇調(diào)用函數(shù)的調(diào)用與清除，由于setInterval定時
 器存在一些性能上的問題，因此，在實際開發(fā)中都采用setTimeout來模擬setInterval的
 功能，其模擬代碼如下：
 var timer = setTimeout（function（） {
     //doing something
     setTimeout(arguments.callee, interval)
 }, interval）;
 由于在timer 內(nèi)部調(diào)用其自身，所以導致clearTimeout(timer)失效,對于這個問題，只需
 要稍做修改即可解決，其代碼如下：
 var timer = setTimeout（function（） {
     //doing something
     timer = setTimeout(arguments.callee, interval)
 }, interval）;
 這樣，即可通過clearTimeout(timer)清除setTimeout模擬的setInterval間歇調(diào)用程
 序；
 
 
 
 備注：如有更好的方法，各位網(wǎng)友可以寫在評論區(qū)，本人感激不盡。

GPU云服務(wù)器云服務(wù)器解決阿里云服務(wù)器無法訪問80端口的問題的解決辦法微軟的解決辦法 use的解決辦法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88761.html

相關(guān)文章

高級定時器---《高程3》

摘要：也就是說，代碼隊列中僅能有一個間歇定時器在等待。這導致兩個問題，一是某些間隔會跳過，二是多個定時器的代碼之間的間隔可能比預期的小。定時器：間歇調(diào)用和超時調(diào)用超時調(diào)用：setTimeout()，接受兩個參數(shù)，第一個參數(shù)是可執(zhí)行的JavaScript代碼字符串，或是回調(diào)函數(shù)，第二個參數(shù)是毫秒為單位的插入代碼隊列的的時間。清除方式：clearTimeout()，參數(shù)是設(shè)置setTimeo...

miya 2019-08-20 11:30 評論0 收藏0
高級定時器---《高程3》

摘要：也就是說，代碼隊列中僅能有一個間歇定時器在等待。這導致兩個問題，一是某些間隔會跳過，二是多個定時器的代碼之間的間隔可能比預期的小。定時器：間歇調(diào)用和超時調(diào)用超時調(diào)用：setTimeout()，接受兩個參數(shù)，第一個參數(shù)是可執(zhí)行的JavaScript代碼字符串，或是回調(diào)函數(shù)，第二個參數(shù)是毫秒為單位的插入代碼隊列的的時間。清除方式：clearTimeout()，參數(shù)是設(shè)置setTimeo...

hikui 2019-08-01 15:49 評論0 收藏0
javascript中，如何用setTimeout函數(shù)模擬實現(xiàn)setInterval函數(shù)？

摘要：定義對象，用于保存映射到真實每調(diào)用一次就會自增的一個這里注意要使用局部變量保存哦，避免函數(shù)內(nèi)部直接引用，因為可能會再次變化說明使用時除了需要加上一個對象做命名空間外其實也是沒辦法哦，因為和需要共享一個叫做的映射表，其他與直接調(diào)用原生，無異舉 talk is cheap: var util = (function(){ //定義intervalObj對象，用于保存interval...

邱勇 2019-08-20 19:08 評論0 收藏0
由setTimeout深入JavaScript執(zhí)行環(huán)境的異步機制

摘要：圖片轉(zhuǎn)引自的演講和兩個定時器中回調(diào)的執(zhí)行邏輯便是典型的機制。異步編程關(guān)于異步編程我的理解是，在執(zhí)行環(huán)境所提供的異步機制之上，在應(yīng)用編碼層面上實現(xiàn)整體流程控制的異步風格。問題背景在一次開發(fā)任務(wù)中，需要實現(xiàn)如下一個餅狀圖動畫，基于canvas進行繪圖，但由于對于JS運行環(huán)境中異步機制的不了解，所以遇到了一個棘手的問題，始終無法解決，之后在與同事交流之后才恍然大悟。問題的根節(jié)在于經(jīng)典的J...

codeGoogle 2019-08-21 18:29 評論0 收藏0
演示當定時器在頁面最小化時無法執(zhí)行

　　我們講述的是關(guān)于 ahooks 源碼系列文章的第七篇，總結(jié)主要講述下面幾點：　　鞏固 React hooks 的理解?！　W習如何抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫?！　∨囵B(yǎng)閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇?！　∽ⅲ罕鞠盗袑?ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼，主要是對源碼做了一些解讀，可見詳情。　　...

3403771864 2022-10-23 13:12 評論0 收藏0