快捷導(dǎo)航

JavaScript兩種計時器的實例講解

更新時間：2019年01月31日 11:32:49 作者：LDH-

今天小編就為大家分享一篇關(guān)于JavaScript兩種計時器的實例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

通過使用 JavaScript，我們有能力做到在一個設(shè)定的時間間隔之后來執(zhí)行代碼，而不是在函數(shù)被調(diào)用后立即執(zhí)行。我們稱之為計時事件。提供了兩種計時器的方法如下：

window.setInterval()；這個方法就是在一個周期內(nèi)反復(fù)執(zhí)行一直到窗口關(guān)閉或者 clearInterval()
window.setTimeout(); 延遲執(zhí)行內(nèi)容

setInterval()的使用方法：

setInterval(code,millisec);

code:可以是方法名，如果是方法不要加小括號。同時也可以是字符串用雙引號將方法括起來。setInterval(“setCode（）”,1000);或者setInterval(setCode,1000);
millisec:是毫秒數(shù),就是隔了多久執(zhí)行

代碼如下：

 var p1 = document.getElementById("p");
  var n = 0;
  var data = ["4234","343440"];
  var rows = 0;
  var cols = 0;
  function setCode(){
    if(cols < data[rows].length){
      p1.innerHTML += data[rows][cols];
      cols++;
    }else if(rows < data.length){
      p1.innerHTML += "</br>";
      rows++;
      cols = 0;
    }else {
      clearInterval(timer);
    }
  }
  var timer = setInterval(setCode,500);

setTimeout和setInterval用法是一樣的的。

那么在計時器中能否傳遞參數(shù)呢？答案是不能的那么怎么辦呢，推薦使用匿名函數(shù)。

代碼如下:

  var person = {name: "peng", age: 23};
  function getPerson(person){
    alert(person.name);
  }
  var timer = setInterval(function(){
    getPerson(person);
  },1000);

就是在定義定時器是在重新寫一個函數(shù)在函數(shù)里面去調(diào)用方法。

當然也可以直接將函數(shù)和參數(shù)用“”括起來，但是這樣不能周期性改變參數(shù)的值.

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

您可能感興趣的文章: