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

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/88761.html

相關(guān)文章

高級(jí)定時(shí)器---《高程3》

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

miya 2019-08-20 11:30 評(píng)論0 收藏0
高級(jí)定時(shí)器---《高程3》

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

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

摘要：定義對(duì)象，用于保存映射到真實(shí)每調(diào)用一次就會(huì)自增的一個(gè)這里注意要使用局部變量保存哦，避免函數(shù)內(nèi)部直接引用，因?yàn)榭赡軙?huì)再次變化說(shuō)明使用時(shí)除了需要加上一個(gè)對(duì)象做命名空間外其實(shí)也是沒(méi)辦法哦，因?yàn)楹托枰蚕硪粋€(gè)叫做的映射表，其他與直接調(diào)用原生，無(wú)異舉 talk is cheap: var util = (function(){ //定義intervalObj對(duì)象，用于保存interval...

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

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

codeGoogle 2019-08-21 18:29 評(píng)論0 收藏0
演示當(dāng)定時(shí)器在頁(yè)面最小化時(shí)無(wú)法執(zhí)行

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

3403771864 2022-10-23 13:12 評(píng)論0 收藏0