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)文章
JavaScript判斷變量是否為數(shù)組的方法(Array)
這篇文章主要介紹了JavaScript判斷變量是否為數(shù)組的方法(Array),涉及到j(luò)avascript 數(shù)組 變量相關(guān)知識,感興趣的朋友一起學(xué)習(xí)吧2016-02-02某頁碼顯示的helper 少量調(diào)整,另附j(luò)s版
某頁碼顯示的helper 已經(jīng)少量調(diào)整,另附j(luò)s版,需要的朋友可以參考下。2010-09-09原生Js實現(xiàn)元素漸隱/漸現(xiàn)(原理為修改元素的css透明度)
大家經(jīng)常看到網(wǎng)頁里圖片漸變顯示,自己寫一個。原理很簡單就是修改元素的css透明度,具體實現(xiàn)代碼如下,感興趣的各位可以參考下哈,希望對大家有所幫助2013-06-06JS實現(xiàn)窗口加載時模擬鼠標(biāo)移動的方法
這篇文章主要介紹了JS實現(xiàn)窗口加載時模擬鼠標(biāo)移動的方法,涉及javascript鼠標(biāo)事件的相關(guān)技巧,需要的朋友可以參考下2015-06-06微信小程序登錄方法之授權(quán)登陸及獲取微信用戶手機號
最近改了一個公司項目,新增加了一個獲取用戶手機號功能,里面用到了關(guān)于獲取用戶信息和用戶手機號的功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序登錄方法之授權(quán)登陸及獲取微信用戶手機號的相關(guān)資料,需要的朋友可以參考下2022-07-07JavaScript實現(xiàn)網(wǎng)站訪問次數(shù)統(tǒng)計代碼
每個網(wǎng)站管理者,都必須知道每天有多少人訪問了本站,需要一個網(wǎng)站訪問次數(shù)功能來滿足需求,本篇文章主要介紹了JavsScript實現(xiàn)網(wǎng)站訪問次數(shù)統(tǒng)計代碼,需要的朋友可以參考下2015-08-08