JavaScript中setInterval的用法總結(jié)
setInterval動(dòng)作的作用是在播放動(dòng)畫(huà)的時(shí)，每隔一定時(shí)間就調(diào)用函數(shù)，方法或?qū)ο?。可以使用本?dòng)作更新來(lái)自數(shù)據(jù)庫(kù)的變量或更新時(shí)間顯示。
setInterval動(dòng)作的語(yǔ)法格式如下：
setInterval(function,interval[,arg1,arg2,......argn])
setInterval(object,methodName,interval[,arg1,arg2,.....argn])
第一種格式是標(biāo)準(zhǔn)動(dòng)作面板中setInterval函數(shù)的默認(rèn)語(yǔ)法，第二種格式是在專(zhuān)家模式動(dòng)作中使用的方法。
其中的參數(shù)function是一個(gè)函數(shù)名或者一個(gè)對(duì)匿名函數(shù)的引用。object參數(shù)指定從Object對(duì)象派生的對(duì)象。methodName制定 object參數(shù)中要調(diào)用的方法。
interval制定對(duì)function或methodName調(diào)用兩次之間的時(shí)間，單位是毫秒。后面的arg1等是可選的參數(shù)，用于制定傳遞給function或是methodName的參數(shù)。
setInterval它設(shè)置的時(shí)間間隔小于動(dòng)畫(huà)幀速（如每秒10幀，相當(dāng)于100毫秒），則按照盡可能接近interval的時(shí)間間隔調(diào)用函數(shù)。
而且必須使用updateAfterEvent動(dòng)作來(lái)確保以足夠的頻率刷新屏幕。如果interval大于動(dòng)畫(huà)幀速，則只用在每次播放頭進(jìn)入某一幀是才調(diào)用，以減小每次刷新屏幕的影響。
下面的例子每隔1秒調(diào)用一次匿名函數(shù)。
setInterval(function(){trace("每隔1秒鐘我就會(huì)顯示一次")},1000);//這里的function(){}是沒(méi)有函數(shù)名的函數(shù)。成為匿名函數(shù)，后面的1000是時(shí)間間隔，單位是毫秒。
下面的例子為我們展示如何帶參數(shù)運(yùn)行。
function show1(){
trace("每隔1秒顯示一次");
}
function show2(str){
trace(str);
}
setInterval(show1,1000);
setInterval(show2,2000,"每隔2秒我就會(huì)顯示一次");
上面已經(jīng)將函數(shù)的setInterval方法介紹了。
下面我們將介紹對(duì)象的setInterval方法。
首先，寫(xiě)一個(gè)setInterval在動(dòng)作中調(diào)用對(duì)象的方法的例子，該例子不需要傳遞參數(shù)。
myobj=new Object();//創(chuàng)建一個(gè)新的對(duì)象
myobj.interval=function){
trace("每隔1秒顯示一次");
}//創(chuàng)建對(duì)象的方法。
setInterval(myobj,"interval",1000);//設(shè)定時(shí)間間隔調(diào)用對(duì)象的方法。
接下來(lái)介紹如何傳遞參數(shù)。其實(shí)道理和函數(shù)的傳遞參數(shù)是一樣的。
myobj=new Object();
myobj.interval-function(str){
trace(str);
}
setInterval(myobj,"interval",2000," 每隔2秒我就會(huì)顯示一次");
注意。要調(diào)用為對(duì)象定義的方法時(shí)，必須在專(zhuān)家模式中使用第二種語(yǔ)法格式。
這樣子的話呢，我們來(lái)作一個(gè)動(dòng)態(tài)顯示時(shí)間的畫(huà)面?？梢杂孟旅娴拇a實(shí)現(xiàn)。
setInterval(show,1000);
function show(){
time=new Date();
hour=time.getHours();
minu=time.getMinutes();
sec=time.get.Seconds();
datetime=hour+":"+minu+":"+sec;
}//這里的datetime是一個(gè)動(dòng)態(tài)文本框的變量名字。
這樣子呢，setInterval這個(gè)方法大家應(yīng)該學(xué)的很好了?，F(xiàn)在呢，我們學(xué)習(xí)clearInterval.
clearInterval動(dòng)作的作用是清楚對(duì)setInterval函數(shù)的調(diào)用，它的語(yǔ)法格式如下clearInterval(intervalid);intervalid是調(diào)用setInterval函數(shù)后返回的對(duì)象。
下面舉一個(gè)簡(jiǎn)單的例子。
function show(){
trace("每隔一秒顯示一次");
}
var sh;
sh=setInterval(show,1000);
clearInterval(sh);
相關(guān)文章
PHP讀取遠(yuǎn)程txt文檔到數(shù)組并實(shí)現(xiàn)遍歷
這篇文章主要介紹了PHP讀取遠(yuǎn)程txt文檔到數(shù)組并實(shí)現(xiàn)遍歷,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
webpack項(xiàng)目輕松混用css module的方法
這篇文章主要介紹了webpack項(xiàng)目輕松混用css module的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
base64 其實(shí)是一種編碼轉(zhuǎn)換方式, 將 ASCII 字符轉(zhuǎn)換成普通文本, 是網(wǎng)絡(luò)上最常見(jiàn)的用于傳輸8Bit字節(jié)代碼的編碼方式之一。這篇文章重點(diǎn)給大家介紹JavaScript中關(guān)于base64的一些事，感興趣的朋友跟隨小編一起看看吧2019-05-05
這篇文章主要介紹了javascript禁用瀏覽器后退按鈕的具體實(shí)現(xiàn)，有需要的朋友可以參考下2014-03-03
原生JS實(shí)現(xiàn)旋轉(zhuǎn)輪播圖+文字內(nèi)容切換效果【附源碼】
這篇文章主要介紹了原生JS實(shí)現(xiàn)旋轉(zhuǎn)輪播圖+文字內(nèi)容切換效果,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-09-09
JS讀秒，在某些情況下還是比較實(shí)用的，下面有個(gè)簡(jiǎn)單的示例，感興趣的朋友可以參考下2013-09-09
用Aptana軟件來(lái)調(diào)試javascript的方法，一般情況下大家都使用firefox瀏覽器+firebug來(lái)調(diào)試的。2009-11-11
JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
JavaScript Array對(duì)象擴(kuò)展indexOf()方法
JavaScript中Array對(duì)象沒(méi)有indexOf()方法，可通過(guò)下面的代碼擴(kuò)展,需要的朋友可以參考下2014-05-05
Bootstrap 實(shí)現(xiàn)表格樣式、表單布局的實(shí)例代碼
這篇文章主要介紹了Bootstrap 實(shí)現(xiàn)表格樣式、表單布局的實(shí)例代碼,需要的朋友可以參考下2018-12-12