今天小編就爲大家分享一篇關於JavaScript兩種計時器的實例講解,小編覺得內容挺不錯的,現在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
通過使用 JavaScript,我們有能力做到在一個設定的時間間隔之後來執行代碼,而不是在函數被調用後立即執行。我們稱之爲計時事件。提供了兩種計時器的方法如下:
- window.setInterval(); 這個方法就是在一個週期內反覆執行一直到窗口關閉或者 clearInterval()
- 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);
就是在定義定時器是在重新寫一個函數在函數裏面去調用方法。
當然也可以直接將函數和參數用“”括起來 ,但是這樣不能週期性改變參數的值.
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對神馬文庫的支持。如果你想了解更多相關內容請查看下面相關鏈接