1. 程式人生 > 其它 >js 定時器的用法和清除

js 定時器的用法和清除

一、設定定時器

  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