js定時(shí)器setInterval、clearInterval的使用方法舉例
更新時(shí)間：2023年11月13日 15:07:25 作者：彭世瑜
Javascript的setTimeOut和clearInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時(shí)和定時(shí)任務(wù),這篇文章主要給大家介紹了關(guān)于js定時(shí)器setInterval、clearInterval使用方法的相關(guān)資料,需要的朋友可以參考下
定時(shí)器：可以在固定時(shí)間間隔，重復(fù)調(diào)用一個(gè)函數(shù)
文檔
常用的語法
// 設(shè)置定時(shí)器 var intervalID = setInterval(function[, delay]); // 清除定時(shí)器 clearInterval(intervalID)
為了避免this指向問題，一般使用箭頭函數(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)文章
Three.js物理引擎Cannon.js創(chuàng)建簡(jiǎn)單應(yīng)用程序
這篇文章主要為大家介紹了Three.js物理引擎Cannon.js創(chuàng)建簡(jiǎn)單應(yīng)用程序詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
楊氏矩陣查找的JS代碼，需要的朋友可以參考一下2013-03-03
pureClearButton是一款基于Bootstrap的非常實(shí)用的用于清空和重置input輸入框內(nèi)容的jQuery按鈕插件，感興趣的小伙伴們可以參考一下2016-05-05
之前提到了JS中比較簡(jiǎn)單的設(shè)計(jì)模式，在各種設(shè)計(jì)模式中被最常使用的工具之一就是原型鏈的繼承。作為OOP的特質(zhì)之一——繼承，今天主要談?wù)凧S中比較簡(jiǎn)單的繼承方法2016-01-01
這篇文章主要介紹了小程序如何獲取群聊的openGid以及名稱詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
uniapp實(shí)現(xiàn)微信小程序一鍵登錄功能
這篇文章給大家介紹了uniapp實(shí)現(xiàn)微信小程序一鍵登錄功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)組合并的多種方法，感興趣的朋友可以參考一下2016-05-05
這篇文章主要為大家詳細(xì)介紹了TypeScript中字符串的常用操作，例如substring、indexOf、slice、replace等，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
這篇文章主要是對(duì)js上下左右鍵控制焦點(diǎn)的示例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
JavaScript實(shí)現(xiàn)Java中Map容器的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Java中Map容器的方法,結(jié)合實(shí)例形式分析了JavaScript實(shí)現(xiàn)Java中Map容器的原理與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-10-10