JavaScript中怎么實現一個計時器

這期內容當中小編將會給大家帶來有關JavaScript中怎么實現一個計時器，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

1. window.setInterval()； 這個方法就是在一個周期內反復執行一直到窗口關閉或者 clearInterval()

2. window.setTimeout(); 延遲執行內容

setInterval()的使用方法： 

setInterval(code,millisec);

• code:可以是方法名，如果是方法不要加小括號。同時也可以是字符串用雙引號將方法括起來。setInterval(“setCode（）”,1000);或者setInterval(setCode,1000); 

• millisec:是毫秒數,就是隔了多久執行

代碼如下：

 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用法是一樣的的。

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

代碼如下:

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

就是在定義定時器是在重新寫一個函數在函數里面去調用方法。

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

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