JS定時器使用,定時定點,固定時刻,循環(huán)執(zhí)行詳解
本文概述:本文主要介紹通過JS實現(xiàn)定時定點執(zhí)行,在某一個固定時刻執(zhí)行某個函數(shù)的方法。比如說在下一個整點執(zhí)行,在每一個整點執(zhí)行,每隔10分鐘定時執(zhí)行的方法。
JavaScript中有兩個定時器方法:setTimeout()和setInterval()。
這兩個方法都可以用來實現(xiàn)在一個固定時間段之后去執(zhí)行JavaScript。實際上,setTimeout和setInterval的語法相同。它們都有兩個參數(shù),一個是將要執(zhí)行的代碼字符串,或者函數(shù)名,還有一個是以毫秒為單位的時間間隔,當(dāng)過了那個時間段之后就將執(zhí)行那段代碼。
不過這兩個函數(shù)還是有區(qū)別的:
① setInterval()會多次執(zhí)行要定時執(zhí)行的代碼或函數(shù)。經(jīng)過了那個固定的時間間隔,它還會自動重復(fù)執(zhí)行代碼。
② setTimeout()只會執(zhí)行一次那段代碼或者指定的函數(shù)。
1.循環(huán)執(zhí)行
下面的JS語句實現(xiàn)的是每過十分鐘執(zhí)行一次circulateExecute()方法。
//循環(huán)執(zhí)行,每十分鐘一次。10分鐘后第一次執(zhí)行。
setInterval("circulateExecute();",10*60*1000);//10分鐘執(zhí)行一次
2.下一個整點,或者某個時刻定點執(zhí)行
以下javascript代碼實現(xiàn)的是實現(xiàn)在當(dāng)前時刻的下一個整點定點執(zhí)行nextIntegralPointAfterLogin()方法。
var date = new Date();//現(xiàn)在時刻
var dateIntegralPoint = new Date();//用戶登錄時刻的下一個整點,也可以設(shè)置成某一個固定時刻
dateIntegralPoint.setHours(date.getHours()+1);//小時數(shù)增加1
dateIntegralPoint.setMinutes(0);
dateIntegralPoint.setSeconds(0);
setTimeout("nextIntegralPointAfterLogin();",dateIntegralPoint-date);//用戶登錄后的下一個整點執(zhí)行。
3.每一個整點定點執(zhí)行
通過上面介紹的在下一個整點執(zhí)行nextIntegralPointAfterLogin()函數(shù)后,為了實現(xiàn)在每一個整點都執(zhí)行某函數(shù),可以在nextIntegralPointAfterLogin()函數(shù)中寫上以下代碼。
function nextIntegralPointAfterLogin(){
IntegralPointExecute();//在整點執(zhí)行的函數(shù),在每個整點都調(diào)用該函數(shù)
setInterval("IntegralPointExecute();",60*60*1000);//一個小時執(zhí)行一次,那么下一個整點,下下一個整點都會執(zhí)行
}
注意:由于JS計算的誤差以及執(zhí)行過程中需要一定的時間,所以上述定時定點執(zhí)行方法可能會有一兩秒的誤差。以上這篇JS定時器使用,定時定點,固定時刻,循環(huán)執(zhí)行詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
你不知道的JS?ES6字符串標(biāo)簽函數(shù)分享
字符串標(biāo)簽函數(shù)是一種特殊的函數(shù)調(diào)用語法,本文將深入探討ES6中字符串標(biāo)簽函數(shù)的工作原理,并結(jié)合具體的代碼展示它的威力,快跟隨小編一起學(xué)習(xí)起來吧2023-06-06
利用Javascript判斷操作系統(tǒng)的類型實現(xiàn)不同操作系統(tǒng)下的兼容性
在通過Javascript實現(xiàn)客戶端和服務(wù)端的交互時,有時候需要對操作系統(tǒng)進(jìn)行判斷,以便實現(xiàn)不同操作系統(tǒng)下的兼容性;從而實現(xiàn)網(wǎng)站在跨平臺瀏覽時候保持良好的用戶體驗,感興趣的朋友可以了解下啊,或許對你有所幫助2013-01-01
JavaScript實現(xiàn)動態(tài)表格的示例代碼
動態(tài)表格是指在網(wǎng)頁上顯示的數(shù)據(jù)表格,可以根據(jù)用戶輸入或頁面元素的變化動態(tài)更新內(nèi)容,本文主要介紹了JavaScript實現(xiàn)動態(tài)表格的示例代碼,感興趣的可以了解一下2024-04-04
JavaScript中call和apply的用法、區(qū)別及應(yīng)用場景
這篇文章主要介紹了JavaScript中的call和apply方法,它們都用于改變函數(shù)執(zhí)行時的this指向,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
JavaScript實現(xiàn)選項卡功能(面向過程與面向?qū)ο?
本文主要介紹了JavaScript實現(xiàn)選項卡功能(面向過程與面向?qū)ο?,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-02-02

