自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

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

開發(fā) 前端
setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。 本文主要介紹在JS中的用法,希望對(duì)你有幫助,一起來看。

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

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

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

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

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

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

1,基本用法:

執(zhí)行一段代碼:

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

執(zhí)行一個(gè)函數(shù):

 

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

 

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

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

  1. var i=0;  
  2. function test(){  
  3. i+=1;  
  4. alert(i);  
  5. }  
  6. setTimeout("test()",1000);  

 

也可以這樣:

  1. setTimeout(test,1000);  

 

總結(jié):

setTimeout的原型是這樣的:

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

 

setTimeout有兩種形式:

  1. setTimeout(code,interval)   
  2. setTimeout(func,interval,args)  

 

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

  1. function a()  
  2. {  
  3. //...  
  4. }  
  5. setTimeout("a()",1000) 

  1. setTimeout(a,1000)  

 

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

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

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

 

  1. var i=0;  
  2. function xilou(){  
  3. i+=1;  
  4. if(i>10){alert(i);return;}  
  5. setTimeout("xilou()",1000);  
  6. //用這個(gè)也可以  
  7. //setTimeout(xilou,1000);  
  8. }  

 

3在類中使用setTimeout

終于到正題了,其實(shí)在類中使用大家遇到的問題都是關(guān)于this的,只要解決了這個(gè)this的問題就萬事無憂了。呵呵。讓我們來分析一下:

  1. function xilou(){  
  2. this.name="xilou";  
  3. this.sex="男";  
  4. this.num=0;  
  5. }  
  6. xilou.prototype.count=function(){  
  7. this.num+=1;  
  8. alert(this.num);  
  9. if(this.num>10){return;}  
  10. //下面用四種方法測試,一個(gè)一個(gè)輪流測試。  
  11. setTimeout("this.count()",1000);//A:當(dāng)下面的x.count()調(diào)用時(shí)會(huì)發(fā)生錯(cuò)誤:對(duì)象不支持此屬性或方法。  
  12. setTimeout("count()",1000);//B:錯(cuò)誤顯示:缺少對(duì)象  
  13. setTimeout(count,1000);//C:錯(cuò)誤顯示:'count'未定義   
  14. //下面是第四種  
  15. var self=this;  
  16. setTimeout(function(){self.count();},1000);//D:正確  
  17. }  
  18. var x=new xilou();  
  19. x.count();  

 

錯(cuò)誤分析:

A:中的this其實(shí)指是window對(duì)象,并不是指當(dāng)前實(shí)例對(duì)象

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

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

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

 

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

 

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

【編輯推薦】

  1. JS跨域設(shè)置和取Cookie
  2. JSP頁面的五種跳轉(zhuǎn)方法
  3. JSP虛擬主機(jī)使用中的亂碼問題
  4. JSP應(yīng)用開發(fā)的背景及特點(diǎn)
  5. jsp開發(fā)技術(shù)應(yīng)用的29個(gè)注意事項(xiàng)
責(zé)任編輯:于鐵 來源: 互聯(lián)網(wǎng)
相關(guān)推薦

2011-04-19 16:38:00

對(duì)象指針指針C++

2011-04-07 16:34:05

staticC++

2025-01-08 08:47:44

Node.js內(nèi)存泄露定時(shí)器

2011-04-12 11:32:31

Oraclerownum用法

2019-08-02 09:13:22

Linux腳本語言歡聚時(shí)代

2023-01-11 07:14:39

DateUtil用法Hutool

2011-08-02 17:14:41

iPhone應(yīng)用 UITableVie

2010-04-28 16:30:52

Oracle case

2016-08-29 17:28:53

JavascriptHtmlThis

2011-03-16 09:42:27

Oracle臨時(shí)表

2010-10-09 09:26:59

Array數(shù)組JS

2023-03-29 10:19:44

異步編程AsyncPromise

2024-10-16 08:36:03

2023-02-10 09:46:04

bash腳本變量

2023-03-29 14:25:08

Vue.js前端框架

2021-07-29 10:08:15

NumPy索引切片

2009-08-20 17:17:02

C#哈希表

2012-11-08 10:21:41

JSrequireJavaScript

2009-06-26 16:15:04

Criteria的用法Hibernate

2009-12-25 09:54:56

linuxfdisk
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)