本文概述：本文主要介紹通過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í)間間隔，它還會自動重復(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í)行方法可能會有一兩秒的誤差。
————————————————
版權(quán)聲明：本文為CSDN博主「daydayupzzc」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/daydayupzzc/article/details/38817343

文中定時(shí)器中的參數(shù) ‘dateIntegralPoint?-?date’ 為當(dāng)前時(shí)間和下個(gè)需要執(zhí)行定時(shí)器事件的毫秒差

?

轉(zhuǎn)載于:https://www.cnblogs.com/yearshar/p/11528330.html

總結(jié)

以上是生活随笔為你收集整理的JS定时器使用，定时定点，固定时刻，循环执行的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。