JS定時(shí)器使用,定時(shí)定點(diǎn),固定時(shí)刻,循環(huán)執(zhí)行詳解
本文概述:本文主要介紹通過JS實(shí)現(xiàn)定時(shí)定點(diǎn)執(zhí)行,在某一個(gè)固定時(shí)刻執(zhí)行某個(gè)函數(shù)的方法。比如說在下一個(gè)整點(diǎn)執(zhí)行,在每一個(gè)整點(diǎn)執(zhí)行,每隔10分鐘定時(shí)執(zhí)行的方法。
JavaScript中有兩個(gè)定時(shí)器方法:setTimeout()和setInterval()。
這兩個(gè)方法都可以用來實(shí)現(xiàn)在一個(gè)固定時(shí)間段之后去執(zhí)行JavaScript。實(shí)際上,setTimeout和setInterval的語法相同。它們都有兩個(gè)參數(shù),一個(gè)是將要執(zhí)行的代碼字符串,或者函數(shù)名,還有一個(gè)是以毫秒為單位的時(shí)間間隔,當(dāng)過了那個(gè)時(shí)間段之后就將執(zhí)行那段代碼。
不過這兩個(gè)函數(shù)還是有區(qū)別的:
① setInterval()會多次執(zhí)行要定時(shí)執(zhí)行的代碼或函數(shù)。經(jīng)過了那個(gè)固定的時(shí)間間隔,它還會自動(dòng)重復(fù)執(zhí)行代碼。
② setTimeout()只會執(zhí)行一次那段代碼或者指定的函數(shù)。
1.循環(huán)執(zhí)行
下面的JS語句實(shí)現(xiàn)的是每過十分鐘執(zhí)行一次circulateExecute()方法。
//循環(huán)執(zhí)行,每十分鐘一次。10分鐘后第一次執(zhí)行。 setInterval("circulateExecute();",10*60*1000);//10分鐘執(zhí)行一次
2.下一個(gè)整點(diǎn),或者某個(gè)時(shí)刻定點(diǎn)執(zhí)行
以下javascript代碼實(shí)現(xiàn)的是實(shí)現(xiàn)在當(dāng)前時(shí)刻的下一個(gè)整點(diǎn)定點(diǎn)執(zhí)行nextIntegralPointAfterLogin()方法。
var date = new Date();//現(xiàn)在時(shí)刻 var dateIntegralPoint = new Date();//用戶登錄時(shí)刻的下一個(gè)整點(diǎn),也可以設(shè)置成某一個(gè)固定時(shí)刻 dateIntegralPoint.setHours(date.getHours()+1);//小時(shí)數(shù)增加1 dateIntegralPoint.setMinutes(0); dateIntegralPoint.setSeconds(0); setTimeout("nextIntegralPointAfterLogin();",dateIntegralPoint-date);//用戶登錄后的下一個(gè)整點(diǎn)執(zhí)行。
3.每一個(gè)整點(diǎn)定點(diǎn)執(zhí)行
通過上面介紹的在下一個(gè)整點(diǎn)執(zhí)行nextIntegralPointAfterLogin()函數(shù)后,為了實(shí)現(xiàn)在每一個(gè)整點(diǎn)都執(zhí)行某函數(shù),可以在nextIntegralPointAfterLogin()函數(shù)中寫上以下代碼。
function nextIntegralPointAfterLogin(){ IntegralPointExecute();//在整點(diǎn)執(zhí)行的函數(shù),在每個(gè)整點(diǎn)都調(diào)用該函數(shù) setInterval("IntegralPointExecute();",60*60*1000);//一個(gè)小時(shí)執(zhí)行一次,那么下一個(gè)整點(diǎn),下下一個(gè)整點(diǎn)都會執(zhí)行 }注意:由于JS計(jì)算的誤差以及執(zhí)行過程中需要一定的時(shí)間,所以上述定時(shí)定點(diǎn)執(zhí)行方法可能會有一兩秒的誤差。
以上這篇JS定時(shí)器使用,定時(shí)定點(diǎn),固定時(shí)刻,循環(huán)執(zhí)行詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- AngualrJs清除定時(shí)器遇到的坑
- js定時(shí)器(執(zhí)行一次、重復(fù)執(zhí)行)
- js定時(shí)器的使用(實(shí)例講解)
- JavaScript定時(shí)器詳解及實(shí)例
- JavaScript暫停和繼續(xù)定時(shí)器的實(shí)現(xiàn)方法
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
- JavaScript實(shí)現(xiàn)頁面定時(shí)刷新(定時(shí)器,meta)
- JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)
相關(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實(shí)現(xiàn)元素漸隱/漸現(xiàn)(原理為修改元素的css透明度)
大家經(jīng)??吹骄W(wǎng)頁里圖片漸變顯示,自己寫一個(gè)。原理很簡單就是修改元素的css透明度,具體實(shí)現(xiàn)代碼如下,感興趣的各位可以參考下哈,希望對大家有所幫助2013-06-06JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法,涉及javascript鼠標(biāo)事件的相關(guān)技巧,需要的朋友可以參考下2015-06-06微信小程序登錄方法之授權(quán)登陸及獲取微信用戶手機(jī)號
最近改了一個(gè)公司項(xiàng)目,新增加了一個(gè)獲取用戶手機(jī)號功能,里面用到了關(guān)于獲取用戶信息和用戶手機(jī)號的功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序登錄方法之授權(quán)登陸及獲取微信用戶手機(jī)號的相關(guān)資料,需要的朋友可以參考下2022-07-07JavaScript實(shí)現(xiàn)網(wǎng)站訪問次數(shù)統(tǒng)計(jì)代碼
每個(gè)網(wǎng)站管理者,都必須知道每天有多少人訪問了本站,需要一個(gè)網(wǎng)站訪問次數(shù)功能來滿足需求,本篇文章主要介紹了JavsScript實(shí)現(xiàn)網(wǎng)站訪問次數(shù)統(tǒng)計(jì)代碼,需要的朋友可以參考下2015-08-08