快捷導(dǎo)航

JavaScript SetInterval與setTimeout使用方法詳解

更新時(shí)間：2013年11月15日 09:58:22 作者：

本文講解了JavaScript SetInterval與setTimeout的區(qū)別，并用代碼示例演示了使用方法

setTimeout和setInterval的語(yǔ)法相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的代碼字符串，還有一個(gè)是以毫秒為單位的時(shí)間間隔，當(dāng)過(guò)了那個(gè)時(shí)間段之后就將執(zhí)行那段代碼。
不過(guò)這兩個(gè)函數(shù)還是有區(qū)別的，setInterval在執(zhí)行完一次代碼之后，經(jīng)過(guò)了那個(gè)固定的時(shí)間間隔，它還會(huì)自動(dòng)重復(fù)執(zhí)行代碼，而setTimeout只執(zhí)行一次那段代碼。
區(qū)別：
window.setTimeout("function",time)；//設(shè)置一個(gè)超時(shí)對(duì)象，只執(zhí)行一次,無(wú)周期
window.setInterval("function",time)；//設(shè)置一個(gè)超時(shí)對(duì)象，周期＝'交互時(shí)間'
停止定時(shí)：
window.clearTimeout(對(duì)象) 清除已設(shè)置的setTimeout對(duì)象
window.clearInterval(對(duì)象) 清除已設(shè)置的setInterval對(duì)象

復(fù)制代碼代碼如下:

PerRefresh();

function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
     setTimeout("showTime()", 5000);
}

一旦調(diào)用了這個(gè)函數(shù)PerReflesh，那么就會(huì)每隔5秒鐘就顯示一次時(shí)間

復(fù)制代碼代碼如下:

setInterval("PerRefresh()", 5000);

function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
}

而setInterval卻沒有被自己所調(diào)用的函數(shù)所束縛，它只是簡(jiǎn)單地每隔一定時(shí)間就重復(fù)執(zhí)行一次那個(gè)函數(shù)。
只要調(diào)用了setInterval("PerRefresh()", 5000)此函數(shù)，那么每隔5秒鐘就會(huì)執(zhí)行PerRefresh這個(gè)函數(shù)。
如果要求在每隔一個(gè)固定的時(shí)間間隔后就精確地執(zhí)行某動(dòng)作，那么最好使用setInterval，而如果不想由于連續(xù)調(diào)用產(chǎn)生互相干擾的問(wèn)題，尤其是每次函數(shù)的調(diào)用需要繁重的計(jì)算以及很長(zhǎng)的處理時(shí)間，那么最好使用setTimeout。
setInterval 不斷地執(zhí)行指定代碼直到調(diào)用clearInterval清除定時(shí)器對(duì)象
setTimeout 執(zhí)行一次指定代碼，使用clearTimeout清除定時(shí)器對(duì)象
setInterval和setTimeout都返回定時(shí)器對(duì)象標(biāo)識(shí)符，用于clearInterval和clearTimeout調(diào)用

您可能感興趣的文章: