window.setTimeout() 和window.setInterval() 使用说明
生活随笔
收集整理的這篇文章主要介紹了
window.setTimeout() 和window.setInterval() 使用说明
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
setTimeout()的使用:
先看個例子
Js代碼 ?<SCRIPT?LANGUAGE="JavaScript">?? function?test()?{?? ????//100毫秒后執行sleep方法,?但這100毫秒程序不會等待,會繼續執行setTimeout后面的代碼?? ????//效果就是?先alert(2);?后?alert(1);?? ????window.setTimeout("sleep()",?100);?? ????alert(2);????? }?? function?sleep(){?? ????alert(1);?? }?? test();?? </SCRIPT>??
關于setTimeout方法的第一個參數,可以為 字符串,也可以為方法的指針
如果為字符串的時候必須寫括號,指針時不用寫括號,
如:
Js代碼 ?window.setTimeout("sleep()",?100);?? window.setTimeout(sleep,?100);??
兩者效果一樣。
另: 可以指定參數,如
Js代碼 ?window.setTimeout("sleep('"?+?document.all.aa.value?+?"')",?100);?? window.setTimeout(sleep(document.all.aa.value),?100);??
然后再sleep方法里可以取到參數的值。
再看看window.setInterval()
Js代碼 ?<SCRIPT?LANGUAGE="JavaScript">?? var?timer;//聲明一個定時器?? var?count?=?0;?? function?test()?? {?? ????//每隔500毫秒執行一次add()方法?? ????timer?=?window.setInterval("add()",500);?? }?? function?add(){?? ????alert(++?count);?? ????if?(count?==?5)?? ????{?? ????????//如果count值達到5,清空定時器?? ????????window.clearInterval(timer);?? ????}?? }?? test();?? </SCRIPT>??
window.setTimeout()是經過指定的某個時間段后執行一次指定的方法
window.setInterval()是循環的執行指定的方法,循環的間隔是指定的時間段,
然后通過window.clearInterval()方法清除循環執行。
先看個例子
Js代碼 ?
關于setTimeout方法的第一個參數,可以為 字符串,也可以為方法的指針
如果為字符串的時候必須寫括號,指針時不用寫括號,
如:
Js代碼 ?
兩者效果一樣。
另: 可以指定參數,如
Js代碼 ?
然后再sleep方法里可以取到參數的值。
再看看window.setInterval()
Js代碼 ?
window.setTimeout()是經過指定的某個時間段后執行一次指定的方法
window.setInterval()是循環的執行指定的方法,循環的間隔是指定的時間段,
然后通過window.clearInterval()方法清除循環執行。
總結
以上是生活随笔為你收集整理的window.setTimeout() 和window.setInterval() 使用说明的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js-window对象的方法和属性资料
- 下一篇: DOM的对象属性