javascript
JavaScript 中 window.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了。
轉載于:https://www.cnblogs.com/silverLee/archive/2009/11/03/1595278.html
總結
以上是生活随笔為你收集整理的JavaScript 中 window.setTimeout() 的详细用法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 图片缩放自适应
- 下一篇: MSChart使用导航之开发