JavaScript中怎么實現(xiàn)一個計時器

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)JavaScript中怎么實現(xiàn)一個計時器，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

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

2. 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)用方法。

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

上述就是小編為大家分享的JavaScript中怎么實現(xiàn)一個計時器了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道。