首頁  >  文章  >  web前端  >  javascript中setInterval的用法_javascript技巧

javascript中setInterval的用法_javascript技巧

WBOY
WBOY原創
2016-05-16 15:49:461535瀏覽

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

setInterval的表達式格式主要有:

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

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

第一種是最常見的表達語法,其中fnname參數可以是一個匿名函數的引用或是函數名,time是設定的呼叫faname的時間間隔,單位為毫秒,預設值為10毫秒, par1.......parn為可選參數,是傳遞給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();//创建一个新的对象

obj.alert1 = function(){
    alert("我是setInterval方法打印结果");
  }

obj.alert2 = 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);

以上所述就是本文的全部內容了,希望大家能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn