當前位置:才華齋>設計>網頁設計>

javascript中setInterval的用法總結

網頁設計 閱讀(3.21W)

javascript中的setInterval的函式主要是在製作動畫或其他間隔性渲染(操作)效果時,對操作方法按照一定時間間隔進行呼叫的函式。

javascript中setInterval的用法總結

setInterval的表示式格式主要有:

setInterval(fnname,time,par1,par2,);

setInterval(obj,fnname,time,par1,par2,);

第一種是最常見的表達語法,其中fnname引數可以是一個匿名函式的引用或者是一個函式名,time是設定的呼叫faname的時間間隔,單位為毫秒,預設值為10毫秒,為可選引數,是傳遞給faname方法的引數。

第二種是使用物件方法的語法,faname引數是obj物件的方法,其他引數同第一種語法。

下面利用例子進行解釋:

普通語法的第一種寫法setInterval(function(){ alert("我是setInterval方法列印結果"); },3000) //每隔3秒列印一次//普通語法的第二種寫法function alert1(){ alert("我是setInterval方法列印結果") }function alert2(str){ alert(str); } setInterval(alert1,3000); setInterval("alert1()",3000); setInterval(alert2,3000,"我是setInterval方法列印結果"); setInterval("alert1()",3000,"我是setInterval方法列印結果");//物件方法寫法obj = new Object();//建立一個新的`物件t1 = function(){ alert("我是setInterval方法列印結果"); }t2 = function(str){ alert(str); }setInterval(obj,alert1,3000);setInterval(obj,alert2,3000,"我是setInterval方法列印結果");

setInterval一般都要跟clearInterval配合使用,clearInterval的作用是清除setInterval方法的呼叫,clearInterval的引數是setInterval的返回值,var timer = setInterval(obj,alert1,3000);clearInterval(timer)。