欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript兩種計(jì)時(shí)器的實(shí)例講解

 更新時(shí)間:2019年01月31日 11:32:49   作者:LDH-  
今天小編就為大家分享一篇關(guān)于JavaScript兩種計(jì)時(shí)器的實(shí)例講解,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧

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

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

setInterval()的使用方法: 

setInterval(code,millisec); 
  • code:可以是方法名,如果是方法不要加小括號(hào)。同時(shí)也可以是字符串用雙引號(hào)將方法括起來。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用法是一樣的的。

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

代碼如下:

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

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

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

總結(jié)

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

相關(guān)文章

  • JS自動(dòng)適應(yīng)的圖片彈窗實(shí)例

    JS自動(dòng)適應(yīng)的圖片彈窗實(shí)例

    這篇文章介紹了JS自動(dòng)適應(yīng)的圖片彈窗實(shí)例代碼,有需要的朋友可以參考一下
    2013-06-06
  • 淺析javaScript中的淺拷貝和深拷貝

    淺析javaScript中的淺拷貝和深拷貝

    本篇文章主要介紹了淺析javaScript中的淺拷貝和深拷貝,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-02-02
  • 小程序tab頁無法傳遞參數(shù)的方法

    小程序tab頁無法傳遞參數(shù)的方法

    這篇文章主要介紹了小程序tab頁無法傳遞參數(shù)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-08-08
  • 自己編寫的類似JS的trim方法

    自己編寫的類似JS的trim方法

    在這里我們可以使用自己編寫的trim方法來處理一些剪掉字符串兩端的空字符串的需要,下面有個(gè)不錯(cuò)的方法,感興趣的朋友可以參考下
    2013-10-10
  • 惰性函數(shù)定義模式 使用方法

    惰性函數(shù)定義模式 使用方法

    惰性函數(shù)定義模式 使用方法...
    2007-09-09
  • JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法

    JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法

    這篇文章主要介紹了JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法,涉及javascript操作樣式的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-04-04
  • 原生js實(shí)現(xiàn)form表單序列化的方法

    原生js實(shí)現(xiàn)form表單序列化的方法

    這篇文章主要介紹了原生js實(shí)現(xiàn)form表單序列化的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-08-08
  • 元素綁定click點(diǎn)擊事件方法

    元素綁定click點(diǎn)擊事件方法

    當(dāng)點(diǎn)擊元素時(shí),會(huì)發(fā)生 click 事件。當(dāng)鼠標(biāo)指針停留在元素上方,然后按下并松開鼠標(biāo)左鍵時(shí),就會(huì)發(fā)生一次 click。click() 方法觸發(fā) click 事件,或規(guī)定當(dāng)發(fā)生 click 事件時(shí)運(yùn)行的函數(shù)。
    2015-06-06
  • 前端無感知刷新token以及超時(shí)自動(dòng)退出實(shí)現(xiàn)方案

    前端無感知刷新token以及超時(shí)自動(dòng)退出實(shí)現(xiàn)方案

    前端需要做到無感刷新token,即刷token時(shí)要做到用戶無感知,避免頻繁登錄,下面這篇文章主要給大家介紹了關(guān)于前端無感知刷新token以及超時(shí)自動(dòng)退出的實(shí)現(xiàn)方案,需要的朋友可以參考下
    2024-01-01
  • 前端使用pdf.js實(shí)現(xiàn)pdf轉(zhuǎn)為圖片

    前端使用pdf.js實(shí)現(xiàn)pdf轉(zhuǎn)為圖片

    這篇文章主要為大家詳細(xì)介紹了前端如何使用pdf.js實(shí)現(xiàn)pdf轉(zhuǎn)為圖片功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-04-04

最新評(píng)論