這篇文章給大家介紹JavaScript中settimeout如何使用,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
調兵山網站制作公司哪家好,找創新互聯建站!從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設等網站項目制作,到程序開發,運營維護。創新互聯建站從2013年創立到現在10年的時間,我們擁有了豐富的建站經驗和運維經驗,來保證我們的工作的順利進行。專注于網站建設就選創新互聯建站。
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如何使用就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
當前名稱:JavaScript中settimeout如何使用
本文來源:http://m.newbst.com/article42/pogeec.html
成都網站建設公司_創新互聯,為您提供手機網站建設、網站設計公司、面包屑導航、品牌網站建設、域名注冊、全網營銷推廣
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯