JavaScript兩種計時器的實例講解
更新時間：2019年01月31日 11:32:49 作者：LDH-
今天小編就為大家分享一篇關于JavaScript兩種計時器的實例講解，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
通過使用 JavaScript，我們有能力做到在一個設定的時間間隔之后來執(zhí)行代碼，而不是在函數(shù)被調用后立即執(zhí)行。我們稱之為計時事件。提供了兩種計時器的方法如下：
- window.setInterval()； 這個方法就是在一個周期內反復執(zhí)行一直到窗口關閉或者 clearInterval()
- window.setTimeout(); 延遲執(zhí)行內容
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ù)里面去調用方法。
當然也可以直接將函數(shù)和參數(shù)用“”括起來 ，但是這樣不能周期性改變參數(shù)的值.
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接
相關文章
下面小編就為大家?guī)硪黄棠?分鐘學會用requirejs(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
javascript基本數(shù)據(jù)類型及類型檢測常用方法小結
這篇文章主要介紹了javascript基本數(shù)據(jù)類型及類型檢測常用方法,總結分析了javascript的基本數(shù)據(jù)類型與類型檢測的常用操作方法,具有一定參考借鑒價值,需要的朋友可以參考下2016-12-12
這篇文章介紹了js獲取或設置當前窗口url參數(shù)的小例子，有需要的朋友可以參考一下2013-10-10
這篇文章主要為大家詳細介紹了原生js實現(xiàn)網(wǎng)易輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
本文主要對Javascript中的Label語句通過實例對比進行簡要分析，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了js判斷登錄與否并確定跳轉頁面的方法,涉及Ajax及session使用的技巧,非常具有實用價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了微信小程序倒計時功能實例代碼,當單擊按鈕彈出一個半透明的彈出層，在規(guī)定時間內激活關閉按鈕，關閉彈出層。需要的朋友可以參考下2018-07-07
js 判斷一個元素是否存在此功能在項目中很實用，本人搜集整理了一些常用技巧，需要了解的朋友可以參考下2012-12-12
在開發(fā)中通常在上傳圖片時,由于各種限制,需要將上傳的圖片壓縮到某一大小范圍內才能上傳,這篇文章主要介紹了如何用JS將base64圖片壓縮至指定大小的相關資料,需要的朋友可以參考下2025-04-04
defer屬性導致引用JQuery的頁面報“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯誤的解決方法
defer屬性導致引用JQuery的頁面報“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯誤2010-04-04