JavaScript setTimeout和setInterval的使用方法 說明
更新時(shí)間:2010年03月25日 20:14:55 作者:
兩個(gè)函數(shù)都是可以用來實(shí)現(xiàn)一段時(shí)間后執(zhí)行一段javascript代碼的效果。兩個(gè)函數(shù)都有兩個(gè)參數(shù),前面的都是執(zhí)行表達(dá)式,后面的是隔的秒數(shù)。
不同的是setInterval會(huì)每隔指定的時(shí)間段就執(zhí)行一次代碼,具有重復(fù)性。而setTimeout只會(huì)調(diào)用后執(zhí)行一次。
下面通過函數(shù)的建立和函的自動(dòng)刪除來深刻理解兩個(gè)函數(shù);
1.函數(shù)的建立
setTimeOut的建立:
showTime();
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString());
setTimeout("showTime()", 5000);
}
調(diào)用函數(shù)后五秒鐘才會(huì)執(zhí)行一次showtime函數(shù)
setInterval的建立
setInterval("showTime()", 5000);
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString());
}
總結(jié):貌似兩個(gè)函數(shù)的結(jié)果相似,其實(shí)不然第二個(gè)函數(shù)會(huì)反復(fù)的報(bào)時(shí),直到該網(wǎng)頁被關(guān)閉。
兩個(gè)函數(shù)的消除:
setTimeout的消除使用
clearTimeout()函數(shù);調(diào)用的實(shí)例:
var timeoutProcess = setTimeout("alert('GOAL!')", 3000);
var stopGoalLink = document.getElementById("stopGoalLink");
attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函數(shù),參數(shù)為(目標(biāo);事件;調(diào)用的函數(shù);是否冒泡)
function stopGoal()
{
clearTimeout(timeoutProcess);
}
setInterval的消除
var timeoutProcess = setTimeout("alert('GOAL!')", 3000);
var stopGoalLink = document.getElementById("stopGoalLink");
attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函數(shù),參數(shù)為(目標(biāo);事件;調(diào)用的函數(shù);是否冒泡)
function stopGoal()
{
clearInterval(timeoutProcess);
}
下面通過函數(shù)的建立和函的自動(dòng)刪除來深刻理解兩個(gè)函數(shù);
1.函數(shù)的建立
setTimeOut的建立:
復(fù)制代碼 代碼如下:
showTime();
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString());
setTimeout("showTime()", 5000);
}
調(diào)用函數(shù)后五秒鐘才會(huì)執(zhí)行一次showtime函數(shù)
setInterval的建立
復(fù)制代碼 代碼如下:
setInterval("showTime()", 5000);
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString());
}
總結(jié):貌似兩個(gè)函數(shù)的結(jié)果相似,其實(shí)不然第二個(gè)函數(shù)會(huì)反復(fù)的報(bào)時(shí),直到該網(wǎng)頁被關(guān)閉。
兩個(gè)函數(shù)的消除:
setTimeout的消除使用
clearTimeout()函數(shù);調(diào)用的實(shí)例:
復(fù)制代碼 代碼如下:
var timeoutProcess = setTimeout("alert('GOAL!')", 3000);
var stopGoalLink = document.getElementById("stopGoalLink");
attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函數(shù),參數(shù)為(目標(biāo);事件;調(diào)用的函數(shù);是否冒泡)
function stopGoal()
{
clearTimeout(timeoutProcess);
}
setInterval的消除
復(fù)制代碼 代碼如下:
var timeoutProcess = setTimeout("alert('GOAL!')", 3000);
var stopGoalLink = document.getElementById("stopGoalLink");
attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函數(shù),參數(shù)為(目標(biāo);事件;調(diào)用的函數(shù);是否冒泡)
function stopGoal()
{
clearInterval(timeoutProcess);
}
您可能感興趣的文章:
- JavaScript SetInterval與setTimeout使用方法詳解
- JavaScript中SetInterval與setTimeout的用法詳解
- Js中setTimeout()和setInterval() 何時(shí)被調(diào)用執(zhí)行的用法
- JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
- javascript中SetInterval與setTimeout的定時(shí)器用法
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- js中的setInterval和setTimeout使用實(shí)例
- Javascript對(duì)象中關(guān)于setTimeout和setInterval的this介紹
- JavaScript中setTimeout和setInterval函數(shù)的傳參及調(diào)用
- JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
相關(guān)文章
IE瀏覽器IFrame對(duì)象內(nèi)存不釋放問題解決方法
IFrame對(duì)象占用的內(nèi)存資源在窗體關(guān)閉后不會(huì)釋放。彈出關(guān)閉反復(fù)多次后,IE瀏覽器內(nèi)存占用可超過數(shù)百M(fèi),嚴(yán)重時(shí)IE瀏覽器報(bào)錯(cuò)2014-08-08typescript中type和interface的區(qū)別有哪些
大家使用typescript總會(huì)使用到interface和type,所以下面這篇文章主要給大家介紹了關(guān)于typescript中type和interface區(qū)別的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02JS實(shí)現(xiàn)黑色大氣的二級(jí)導(dǎo)航菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)黑色大氣的二級(jí)導(dǎo)航菜單效果,具有延遲響應(yīng)鼠標(biāo)事件顯示切換效果的功能,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09JavaScript之map reduce_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript之map reduce的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06JS實(shí)現(xiàn)根據(jù)URL批量下載文件并壓縮成zip文件
這篇文章主要為大家學(xué)習(xí)介紹了JS如何實(shí)現(xiàn)根據(jù)URL批量下載文件并壓縮成zip文件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2023-08-08