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