JavaScript中settimeout如何使用

這篇文章給大家介紹JavaScript中settimeout如何使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式。下面是setTimeout()在js類中的使用方法：

setTimeout (表達式,延時時間)

setTimeout(表達式,交互時間)

延時時間/交互時間是以豪秒為單位的(1000ms=1s)

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了。

關于JavaScript中settimeout如何使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。