懒人听书,欢乐颂

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

JS中的settimeout的用法總結(jié)

setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。下面是setTimeout()在js類中的使用方法：

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括龍游網(wǎng)站建設(shè)、龍游網(wǎng)站制作、龍游網(wǎng)頁制作以及龍游網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，龍游網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到龍游省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

setTimeout (表達(dá)式,延時時間)

setTimeout(表達(dá)式,交互時間)

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

setTimeout 在執(zhí)行時,是在載入后延遲指定時間后,去執(zhí)行一次表達(dá)式,僅執(zhí)行一次

setTimeout 在執(zhí)行時,它從載入后,每隔指定的時間就執(zhí)行一次表達(dá)式

1，基本用法：

執(zhí)行一段代碼：

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

執(zhí)行一個函數(shù)：

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

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

下面再來一個執(zhí)行函數(shù)的：

 
 
 
  
  
  var i=0;  
  
  
  function test(){  
  
  
  i+=1;  
  
  
  alert(i);  
  
  
  }  
  
  
  setTimeout("test()",1000);

也可以這樣：

 
 
 
  
  
  setTimeout(test,1000);

總結(jié)：

setTimeout的原型是這樣的：

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

setTimeout有兩種形式：

 
 
 
  
  
  setTimeout(code,interval)   
  
  
  setTimeout(func,interval,args)

其中code是一個字符串，func是一個函數(shù)。注意"函數(shù)"的意義,是一個表達(dá)式,而不是一個語句。比如你想周期性執(zhí)行一個函數(shù)，可寫為：

 
 
 
  
  
  function a()  
  
  
  {  
  
  
  //...  
  
  
  }  
  
  
  setTimeout("a()",1000)

或

 
 
 
  
  
  setTimeout(a,1000)

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

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

2,用setTimeout實(shí)現(xiàn)setInterval的功能，思路很簡單，就是在一個函數(shù)中調(diào)用不停執(zhí)行自己，有點(diǎn)像遞歸。

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

3在類中使用setTimeout

終于到正題了，其實(shí)在類中使用大家遇到的問題都是關(guān)于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:當(dāng)下面的x.count()調(diào)用時會發(fā)生錯誤：對象不支持此屬性或方法。  
  
  
  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其實(shí)指是window對象，并不是指當(dāng)前實(shí)例對象

B：和C：中的count()和count其實(shí)指的是單獨(dú)的一個名為count()的函數(shù),但也可以是window.count(),因?yàn)閣indow.count()可以省略為count()

D：將變量self指向當(dāng)前實(shí)例對象，這樣js解析引擎就不會混肴this指的是誰了。

話說回來，雖然我們知道setTimeout("this.count()",1000)中的this指的是window對象，但還是不明白為什么會是window對象^_^(有點(diǎn)頭暈...)，那我們可以想象一下這個setTimeout是怎樣被定義的：setTimeout是window的一個方法，全稱是這樣的：window.setTimeout()，那應(yīng)該是這樣被定義的：

 
 
 
  
  
  window.setTimeout=function(vCode, iMilliSeconds [, sLanguage]){  
  
  
  //.....代碼  
  
  
  return timer//返回一個標(biāo)記符  
  
  
  }

所以當(dāng)向setTimeout()傳入this的時候，當(dāng)然指的是它所屬的當(dāng)前對象window了。

【編輯推薦】

JS跨域設(shè)置和取Cookie
JSP頁面的五種跳轉(zhuǎn)方法
JSP虛擬主機(jī)使用中的亂碼問題
JSP應(yīng)用開發(fā)的背景及特點(diǎn)
jsp開發(fā)技術(shù)應(yīng)用的29個注意事項(xiàng)

本文標(biāo)題：JS中的settimeout的用法總結(jié)
分享URL：http://m.fisionsoft.com.cn/article/djggiei.html

新聞中心

其他資訊