javascript定時器清除的方法

這篇文章主要介紹了javascript定時器清除的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

JavaScript的特點

1.JavaScript主要用來向HTML頁面添加交互行為。 2.JavaScript可以直接嵌入到HTML頁面，但寫成單獨的js文件有利于結構和行為的分離。 3.JavaScript具有跨平臺特性，在絕大多數瀏覽器的支持下，可以在多種平臺下運行。

小編向大家介紹過js定時器的啟動方法setTimeout與setInterval，既然會啟動定時器，那也有關停定時器，清除定時效果的必要。

方法一：clearTimeout(timeId)

取消由 setTimeout() 方法設置的 timeId。

1、語法

clearTimeout(id_of_settimeout)

2、參數

要取消的延遲執行代碼塊。

3、使用實例

//setTimeout 1000ms后執行1次
var test1 = setTimeout(function(){
    //your codes
},1000);
 
//setInterval 每隔1000ms執行一次
var test2 = setInterval(function(){
   //your codes
},1000)
 
//清除Timeout的定時器,傳入變量名(創建Timeout定時器時定義的變量名)
clearTimeout(test1);

方法二：clearInterval(timeId)

取消由 setInterval() 設置的 timeId。

1、語法

clearInterval(id_of_setinterval)

2、參數

清除的定時器對象

3、使用實例

//setTimeout 1000ms后執行1次
var test1 = setTimeout(function(){
    //your codes
},1000);
 
//setInterval 每隔1000ms執行一次
var test2 = setInterval(function(){
   //your codes
},1000)
  
//清除Interval的定時器,傳入變量名(創建Interval定時器時定義的變量名)
clearInterval(test2);

感謝你能夠認真閱讀完這篇文章，希望小編分享的“javascript定時器清除的方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!