JavaScript兩種計(jì)時(shí)器的實(shí)例講解
通過使用 JavaScript,我們有能力做到在一個(gè)設(shè)定的時(shí)間間隔之后來執(zhí)行代碼,而不是在函數(shù)被調(diào)用后立即執(zhí)行。我們稱之為計(jì)時(shí)事件。提供了兩種計(jì)時(shí)器的方法如下:
- window.setInterval(); 這個(gè)方法就是在一個(gè)周期內(nèi)反復(fù)執(zhí)行一直到窗口關(guān)閉或者 clearInterval()
- 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)鏈接
- Python常用的json標(biāo)準(zhǔn)庫
- JavaScript中.min.js和.js文件的區(qū)別講解
- JavaScript"模擬事件"的注意要點(diǎn)詳解
- PyQt5內(nèi)嵌瀏覽器注入JavaScript腳本實(shí)現(xiàn)自動(dòng)化操作的代碼實(shí)例
- 推薦15個(gè)最好用的JavaScript代碼壓縮工具
- 深入探討JavaScript的最基本部分之執(zhí)行上下文
- 談?wù)凧avaScript中super(props)的重要性
- JavaScript常用工具方法封裝
- JavaScript使用Math.random()生成簡(jiǎn)單的驗(yàn)證碼
- js獲取form表單中name屬性的值
相關(guān)文章
JS自動(dòng)適應(yīng)的圖片彈窗實(shí)例
這篇文章介紹了JS自動(dòng)適應(yīng)的圖片彈窗實(shí)例代碼,有需要的朋友可以參考一下2013-06-06JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法
這篇文章主要介紹了JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法,涉及javascript操作樣式的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04前端無感知刷新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)為圖片
這篇文章主要為大家詳細(xì)介紹了前端如何使用pdf.js實(shí)現(xiàn)pdf轉(zhuǎn)為圖片功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04