每隔一秒自動執行函數(JavaScript)

來源:互聯網
上載者:User

1. setInterval() ——每隔一秒自動執行方法,setInterval方法或字串 ,毫秒,參數數組(方法的))

var c=0;
function showLogin()
{
alert(c++);
}
setInterval("showLogin()","1000");

2.setTimeout方法:延時時間/互動時間是以豪秒為單位的(1000ms=1s)setTimeout  在執行時,是在載入後延遲指定時間後,去執行一次運算式,僅執行一次
setTimeout 在執行時,它從載入後,每隔指定的時間就執行一次運算式

   (1)、setTimeout()在js類中的使用方法       
   (2)、 setTimeout (運算式,延時時間)
   (3)、 setTimeout(運算式,互動時間)

 

setTimeout 在執行時,它從載入後,每隔指定的時間就執行一次運算式
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(){
      //...
  }
  可寫為
  setTimeout("a()",1000)
  或
  setTimeout(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(){
        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了。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.