【js思考】setInterval與setTimeout

今天學習的過程中發現了setInterval和setTimeout,看了下效果,覺得差不多,特意查了點資料,將用法總結一下。

setInterval

播放動畫的時,每隔一定時間就調用函數,方法或對象

語法格式如下:
setInterval(function,interval[,arg1,arg2,......argn]) //參數可以選擇
setInterval(object,methodName,interval[,arg1,arg2,.....argn])

時間單位:毫秒

(1)setInterval(function,interval[,arg1,arg2,......argn])

【例子】

function show1(){
    alert("每隔1秒顯示一次");
}
function show2(str){
    alert(str);
}
setInterval(show1,1000);
setInterval(show2,2000,"每隔2秒顯示一次");

clearInterval

清除對setInterval函數的調用

語法格式

clearInterval(intervalid);intervalid是調用setInterval函數後返回的對象。

【例子】
var a;
a=setInterval(show1,1000);
clearInterval(a);


(2)setInterval(object,methodName,interval[,arg1,arg2,.....argn])

obj1=new Object();//創建一個新的對象
obj1.interval=function(){
    alert("每隔1秒顯示一次");
}
setInterval(obj1,"interval",1000);

obj2=new Object();
obj2.interval=function(str){
    alert(str);
}
setInterval(obj2,"interval",2000," 每隔2秒我就會顯示一次");


setTimeout

在延遲一段時間,再進行某項操作

語法格式如下:
setTimeout(code,interval) //code是一個字符串
setTimeout(func,interval,args) //func是一個函數.

時間單位:毫秒

【例子】

  function a(){
      //...
  }
  可寫爲
  setTimeout("a()",1000)//函數a
  或
  setTimeout(a,1000)


在類中使用setTimeout

    終於到正題了,其實在類中使用大家遇到的問題都是關於this的,只要解決了這個this的問題就萬事無憂了。
呵呵。讓我們來分析一下:
    
    function xilou(){

        this.name="xilou";
        this.sex="男";
        this.num=0;
    }
    xilou.prototype.count=function(){
        this.num+=1;
        alert(this.num);
        if(this.num>10){return;}
        //下面用四種方法測試,一個一個輪流測試。
        setTimeout("this.count()",1000);//A:當下面的x.count()調用時會發生錯誤:對象不支持此屬性或方法。
        setTimeout("count()",1000);//B:錯誤顯示:缺少對象
        setTimeout(count,1000);//C:錯誤顯示:'count'未定義
        //下面是第四種 
        var self=this;
        setTimeout(function(){self.count();},1000);//D:正確
        
    }
    
    var x=new xilou();
    x.count();
    
    錯誤分析:
    A:中的this其實指是window對象,並不是指當前實例對象
    B:和C:中的count()和count其實指的是單獨的一個名爲count()的函數,但也可以是window.count(),因爲window.count()可以省略爲count()
    D:將變量self指向當前實例對象,這樣js解析引擎就不會混餚this指的是誰了。
    
    話說回來,雖然我們知道setTimeout("this.count()",1000)中的this指的是window對象,但還是不明白爲什麼會是
    window對象^_^(有點頭暈...)
    那我們可以想象一下這個setTimeout是怎樣被定義的:
    setTimeout是window的一個方法,全稱是這樣的:window.setTimeout()
    那應該是這樣被定義的:
    window.setTimeout=function(vCode, iMilliSeconds [, sLanguage]){
        //.....代碼
        return timer//返回一個標記符
    }
    所以當向setTimeout()傳入this的時候,當然指的是它所屬的當前對象window了。


發佈了21 篇原創文章 · 獲贊 3 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章