JavaScript計時器範例分析_javascript技巧

1.什麼是JavaScript計時器？

在JavaScript中，我們可以在設定的時間間隔之後來執行程式碼，而不是在函數被呼叫後立即執行。

2.計時器種類

一次性計時器：僅在指定的延遲時間之後觸發一次。
間隔性觸發計時器：每隔一定的時間間隔就會觸發一次

3.計時器方法

1):一次性計時器

A):setTimeout(): 指定的延遲時間之後來執行程式碼,進執行一次

語法:setTimeout(代碼,延遲時間);

參數說明：

1. 要呼叫的函數或要執行的程式碼字串。
2. 延時時間：執行程式碼前需等待的時間，以毫秒為單位（1s=1000ms)。

B):clearTimeout():取消setTimeout()設定

語法:clearTimeout(timer)

參數說明:
timer：由 setTimeout() 傳回的 ID 值。該值標識要取消的延遲執行程式碼區塊。

呼叫setTimeout()和clearTimeout()延遲方法:

複製程式碼 程式碼如下:

   
       
       
       
       
       

   
   
       
   

呼叫setTimeout()和clearTimeout()無限循環方法:

複製程式碼 程式碼如下:

   
       
       
       
       
       

   
   
       
   

 
2):間隔性觸發計時器

A):setInterval():執行時,從載入頁面後每隔指定的時間執行程式碼

語法:setInterval(代碼,互動時間);

參數說明：

1. 程式碼：要呼叫的函數或要執行的程式碼字串。

2. 互動時間：週期性執行或呼叫表達式之間的時間間隔，以毫秒計（1s=1000ms）。

傳回值:

一個可以傳遞給 clearInterval() 從而取消對"代碼"的周期性執行的值。

呼叫函數格式(假設有一個clock()函數):

setInterval("clock()",1000) 或 setInterval(clock,1000)

B):clearInterval() 方法可取消由 setInterval() 設定的互動時間

語法：clearInterval(timer)

參數說明:
timer：由 setInterval() 傳回的 ID 值。

呼叫setInterval()和clearInterval() 執行間隔執行方法實例

複製程式碼 程式碼如下:

   
       
       
       
       
       

   
   
       
   

以上就是本文所述的全部內容了，希望小夥伴們能夠喜歡。