posts - 110, comments - 101, trackbacks - 0, articles - 7
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          setTimeout(表達式,延遲時間); 單位:ms(毫秒);1s=1000ms; 

            setInterval(表達式,交互時間);  單位:ms(毫秒);1s=1000ms; 

            window.setTimeout()

             在執行時,它從載入后延遲指定的時間去執行一個表達式或者是函數;僅執行一次;和window.clearTimeout一起使用.

            window.setInterval()

             在執行時,它從載入頁面后每隔指定的時間執行一個表達式或者是函數;(功能類似于遞歸函數);和window.clearInterval一起使用.

            1,基本用法:

             執行一段代碼:  var i=0;

             setTimeout("i+=1;alert(i)",1000);

             執行一個函數:

             var i=0;

             setTimeout(function(){i+=1;alert(i);},1000);

             //注意比較上面的兩種方法的不同。

             下面再來一個執行函數的:

            var i=0;
          function test(){
          i+=1;
          alert(i);
          }
          setTimeout("test()",1000);
          也可以這樣:
          setTimeout(test,1000);

             總結:

             setTimeout的原型是這樣的:

             iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])

            setTimeout有兩種形式

            setTimeout(code,interval)

            setTimeout(func,interval,args)

            其中code是一個字符串

            func是一個函數.

            注意"函數"的意義,是一個表達式,而不是一個語句.

            比如你想周期性執行一個函數

           function a(){
          //...
          }

            可寫為

            setInterval("a()",1000)

            或

            setInterval(a,1000)

            這里注意第二種形式中,是a,不要寫成a(),切記!!!

            展開來說,不管你這里寫的是什么,如果是一個變量,一定是一個指向某函數的變量;如果是個函數,那它的返回值就 要是個函數

            2,用setTimeout實現setInterval的功能

            思路很簡單,就是在一個函數中調用不停執行自己,有點像遞歸

            var i=0;
          function xilou(){
          i+=1;
          if(i>10){alert(i);return;}
          setTimeout("xilou()",1000);
          //用這個也可以
          //setTimeout(xilou,1000);
          }

            3,在類中使用setTimeout

            終于到正題了,其實在類中使用大家遇到的問題都是關于this的,只要解決了這個this的問題就萬事無憂了。

            呵呵。讓我們來分析一下:

            function xilou(){
          //by 西樓冷月 www.chinacms.org
          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'未定義
          //下面是第四種 by 西樓冷月 www.chinacms.org
          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了


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 静乐县| 万宁市| 开江县| 新龙县| 五家渠市| 郁南县| 隆林| 孟连| 南汇区| 千阳县| 塔河县| 长岛县| 华亭县| 清原| 衢州市| 漯河市| 永州市| 永城市| 汤阴县| 龙井市| 蒙阴县| 深州市| 宜兰县| 遵义市| 定陶县| 斗六市| 樟树市| 静海县| 株洲市| 威宁| 沐川县| 平定县| 临湘市| 莱阳市| 额敏县| 洮南市| 鹤壁市| 岳阳县| 石门县| 义马市| 固镇县|