首頁 > web前端 > js教程 > 主體

JavaScript中定時器的設定與清除詳解

黄舟
發布: 2017-11-18 14:29:55
原創
1871 人瀏覽過

學習過我們之前的兩篇文章的相信大家對JavaScript#定時器的原理以及定時器的使用都有了一定了解,那麼JavaScript中定時器的清除又是如何實現呢,今天我們就繼續帶大家介紹下JavaScript中定時器的清除!

1、JS中的計時器有兩種:

window.setTimeout([function],[interval])
登入後複製

設定一個計時器,並且設定了一個等待的時間[ interval],當到達時間後,執行對應的方法[function],當方法執行完成定時器停止(但是定時器還在,只不過沒用了);

window.setInterval([function],[interval])
登入後複製

設定一個定時器,並且設定了一個等待的時間[interval],當到達時間後,執行對應的方法[function],當方法執行完成,定時器並沒有停止,以後每隔[interval]這麼長的時間都會重新的執行對應的方法[function],直到我們手動清除定時器為止;

#2、JS中的定時器是有返回值的:->返回值是一個數字,代表目前是第幾個定時器

 var timer1=window.setTimeout(function(){},1000);  //timer1->1 当前是第一个定时器   
 var timer2=window.setTimeout(function(){},1000);  //timer2->2 当前是第二个定时器
   window.clearTimeout(timer1); //->把第一个定时器清除掉,这里也可以用
   window.clearInterval(timer1)、
   window.clearTimeout(1)、
   window.clearInterval(timer1);
  var timer3=window.setTimeout(function(){},1000); //timer3->3 当前是第三个定时器 ,虽然上面的定时器timer1清除掉了,但是号还是继续往后排的;
登入後複製

#3、清除定時器:

window.clearInterval(timer1)/window.clearTimeout(time1);
登入後複製

兩種清除方式都可以清除透過setTimeout和setInterval設定的計時器(兩種方式在設定計時器的時候有區別,清除定時器的時候沒有區別),並且參數不僅可以是timer,還可以是其回傳值,例如1,2;需要注意的是,定時器即使清除了,其返回值也不會清除,之後設定的定時器的返回值也會在其返回值的基礎上繼續向後排,這點類似於銀行的排隊領號,即使1號的業務辦理完了,後邊的人仍是從2號開始繼續領號,而不是重新從1開始;

##總結:

相信小夥伴們對本文的學習對JavaScript中的計時器清除有了自己的認識,希望對你的工作有所幫助!

相關推薦:

#JavaScript中定時器的使用範例詳解


JavaScript計時器中關於setTimeout()與setInterval()的詳解


#JavaScript定時器示範

以上是JavaScript中定時器的設定與清除詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板