js定時(shí)器setInterval、clearInterval的使用方法舉例
定時(shí)器:可以在固定時(shí)間間隔,重復(fù)調(diào)用一個(gè)函數(shù)
文檔
常用的語(yǔ)法
// 設(shè)置定時(shí)器 var intervalID = setInterval(function[, delay]); // 清除定時(shí)器 clearInterval(intervalID)
為了避免this指向問(wèn)題,一般使用箭頭函數(shù)
// 總的執(zhí)行5次 let total = 5; // 每5秒執(zhí)行一次 let delay = 1000 * 5; // 執(zhí)行計(jì)數(shù) let count = 0; function task() { count++; console.log(new Date().toLocaleString()); // 執(zhí)行5次后清除定時(shí)器 if (count >= total) { clearInterval(intervalID); } } // 每5秒執(zhí)行一次 let intervalID = setInterval(() => { task(); }, delay);
輸出結(jié)果
2023/2/3 17:00:29
2023/2/3 17:00:34
2023/2/3 17:00:39
2023/2/3 17:00:44
2023/2/3 17:00:49
附:js clearInterval 多個(gè)定時(shí)任務(wù) 全部清除
for循環(huán)內(nèi)小于定時(shí)數(shù), 就會(huì)留一個(gè)當(dāng)前執(zhí)行的任務(wù), 小于等于就是全部清除。
var end = setInterval(function(){}, 100); var start = (end - 100) > 0 ? end -100 : 0; for(var i = start; i < end; i++) { clearInterval(i); }
總結(jié)
到此這篇關(guān)于js定時(shí)器setInterval、clearInterval使用方法的文章就介紹到這了,更多相關(guān)js定時(shí)器setInterval、clearInterval內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript的String字符串對(duì)象常用操作總結(jié)
String對(duì)象用于存儲(chǔ)字符串?dāng)?shù)據(jù),這里我們做了JavaScript的String字符串對(duì)象常用操作總結(jié),需要的朋友可以參考下2016-05-05JavaScript高階函數(shù)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript高階函數(shù),詳細(xì)講解了什么是高階函數(shù)和高階函數(shù)的用法,有興趣的可以了解下2017-06-06JavaScript學(xué)習(xí)總結(jié)之正則的元字符和一些簡(jiǎn)單的應(yīng)用
這篇文章主要介紹了JavaScript學(xué)習(xí)總結(jié)之正則的元字符和一些簡(jiǎn)單的應(yīng)用,需要的朋友可以參考下2017-06-06微信小程序webview與h5通過(guò)postMessage實(shí)現(xiàn)實(shí)時(shí)通訊的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序webview與h5通過(guò)postMessage實(shí)現(xiàn)實(shí)時(shí)通訊的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08javascript 判斷用戶有沒(méi)有操作頁(yè)面
這篇文章主要介紹了javascript 判斷用戶有沒(méi)有操作頁(yè)面的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-10-10js觸發(fā)asp.net的Button的Onclick事件應(yīng)用
由于asp.net采用的是事件驅(qū)動(dòng)模式,所以默認(rèn)用戶按回車(chē)并沒(méi)有觸發(fā)按鈕的onclick事件。用戶按回車(chē)也不是沒(méi)有提交表單,通過(guò)httpwath可以看到,實(shí)際上頁(yè)面表單是提交到了form下的action頁(yè)面,只不過(guò)沒(méi)有觸發(fā)onclick事件而已,感興趣的朋友可以了解下,或許對(duì)你有所幫助2013-02-02