js 定時器的用法和清除
阿新 • • 發佈:2021-11-14
一、設定定時器
window物件提供了兩個方法來實現定時器的效果,
分別是window.setTimeout()和window.setInterval。其中前者可以使一段程式碼在指定時間後執行;而後者則可以使一段程式碼每過指定時間就執行一次。它們的原型如下:
window.setTimeout(code,millisec);
1 var i = 0; 2 //設定定時器(迴圈去執行) 3 var timeId = setInterval(function () { 4 i++; 5 console.log('定時執行:' + i + '次')6 }, 500) 7 8 //清理定時器 9 my$('btn').onclick = function () { 10 window.clearInterval(timeId) 11 }
window.setInterval(code,millisec);
其中,code可以是用引號括起來的一段程式碼,也可以是一個函式名,到了指定的時間,系統便會自動呼叫該函式,當使用函式名作為呼叫控制代碼時,不能帶有任何引數;
而使用字串時,則可以在其中寫入要傳遞的引數。兩個方法中的第二個引數是millisec,表示延時或者重複執行的毫秒數。
二、清除定時器
由於定時器在呼叫時,都會返回一個整形的數字,該數字代表定時器的序號,即第多少個定時器,所以定時器的清除要藉助於這個返回的數字。
定時器清除的方法:clearTimeout(obj)和clearInterval(obj)。(注意對於的定時器用對於的清除方法)
本文來自學習小花,作者:aixuexi666888,轉載請註明原文連結:https://www.cnblogs.com/aixuexi666888/p/15551110.html