JavaScript定時器和優(yōu)化的取消定時器方法

更新時間：2015年07月03日 09:56:11 投稿：junjie

這篇文章主要介紹了JavaScript定時器和優(yōu)化的取消定時器方法,本文著重講解一個優(yōu)化的取消定時器的方法,需要的朋友可以參考下

通常用的方法：
啟動定時器：

復制代碼代碼如下:

window.setInterval(Method,Time)

Method是定時調(diào)用的js方法

Time是間隔時間，單位是毫秒
取消定時器：

復制代碼代碼如下:

clearInterval(Method);

那么問題來了。用 clearInterval(timerid);來清除，往往不能馬上停止，用什么方法比較好解決？
優(yōu)化方案如下

復制代碼代碼如下:

var timeout = false; //啟動及關閉按鈕  

function time()  

{  

  if(timeout) return;  

  Method();  

  setTimeout(time,100); //time是指本身,延時遞歸調(diào)用自己,100為間隔調(diào)用時間,單位毫秒  

}

總結(jié)

一般不用setInterval，而用setTimeout的延時遞歸來代替interval。
setInterval會產(chǎn)生回調(diào)堆積，特別是時間很短的時候。

您可能感興趣的文章:

微信小程序?qū)崿F(xiàn)滑動切換自定義頁碼的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)滑動切換自定義頁碼的方法,結(jié)合實例形式分析了微信小程序頁碼動態(tài)切換相關實現(xiàn)技巧與注意事項,需要的朋友可以參考下
2018-12-12
js實現(xiàn)雙擊單元格變成文本輸入框效果代碼
單擊單元格，即可將其變?yōu)槲谋究?，方便編輯測試
2008-04-04
JS模擬實現(xiàn)串行加法器
這篇文章主要為大家詳細介紹了JS模擬實現(xiàn)串行加法器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
JavaScript實現(xiàn)刪除數(shù)組重復元素的5種常用高效算法總結(jié)
這篇文章主要介紹了JavaScript實現(xiàn)刪除數(shù)組重復元素的5種常用高效算法,結(jié)合實例形式總結(jié)分析了javascript刪除數(shù)組重復元素的幾種常見操作技巧,需要的朋友可以參考下
2018-01-01
js replace 與replaceall實例用法詳解
這篇文章介紹了js replace 與replaceall實例用法詳解，有需要的朋友可以參考一下
2013-08-08
通過微信公眾平臺獲取公眾號文章的方法示例
這篇文章主要介紹了通過微信公眾平臺獲取公眾號文章的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-12-12
Bootstrap作品展示站點實戰(zhàn)項目2
這篇文章主要為大家分享了Bootstrap作品展示站點實戰(zhàn)項目，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
JS腳本實現(xiàn)動態(tài)給標簽控件添加事件的方法
這篇文章主要介紹了JS腳本實現(xiàn)動態(tài)給標簽控件添加事件的方法,結(jié)合實例形式分析了javascript添加事件監(jiān)聽的相關實現(xiàn)技巧,需要的朋友可以參考下
2016-06-06
Javascript檢查圖片大小不要讓大圖片撐破頁面
用Javascript判斷圖片大小，其實只要寫一個簡單的函數(shù)就可以了，使用其他語言進行判斷，過程比較復雜，用 Javascript 判斷輕松搞定
2014-11-11
基于iscroll.js實現(xiàn)下拉刷新和上拉加載效果
這篇文章主要為大家詳細介紹了基于iscroll.js實現(xiàn)下拉刷新和上拉加載效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11