兩個函數(shù)都是可以用來實現(xiàn)一段時間后執(zhí)行一段javascript代碼的效果。兩個函數(shù)都有兩個參數(shù)，前面的都是執(zhí)行表達式，后面的是隔的秒數(shù)。

不同的是setInterval會每隔指定的時間段就執(zhí)行一次代碼，具有重復性。而setTimeout只會調(diào)用后執(zhí)行一次。

下面通過函數(shù)的建立和函的自動刪除來深刻理解兩個函數(shù)；

1.函數(shù)的建立

setTimeOut的建立：

showTime();

function showTime()

{

??? var today = new Date();

??? alert("The time is: " + today.toString());

??? setTimeout("showTime()", 5000);

}

調(diào)用函數(shù)后五秒鐘才會執(zhí)行一次showtime函數(shù)

setInterval的建立

setInterval("showTime()", 5000);

function showTime()

{

??? var today = new Date();

??? alert("The time is: " + today.toString());

}

總結(jié)：貌似兩個函數(shù)的結(jié)果相似，其實不然第二個函數(shù)會反復的報時，直到該網(wǎng)頁被關(guān)閉。

兩個函數(shù)的消除：

setTimeout的消除使用

clearTimeout（）函數(shù)；調(diào)用的實例：

var timeoutProcess = setTimeout("alert('GOAL!')", 3000);

var stopGoalLink = document.getElementById("stopGoalLink");

attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函數(shù)，參數(shù)為（目標；事件；調(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ù)為（目標；事件；調(diào)用的函數(shù)；是否冒泡）

function stopGoal()

{

??? clearInterval(timeoutProcess);

}

轉(zhuǎn)載于:https://www.cnblogs.com/rixinren/archive/2010/03/25/1695538.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript中关于setTimeout和setInterval的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。