JavaScript中关于setTimeout和setInterval的使用

两个函数都是可以用来实现一段时间后执行一段javascript代码的效果。两个函数都有两个参数，前面的都是执行表达式，后面的是隔的秒数。

不同的是setInterval会每隔指定的时间段就执行一次代码，具有重复性。而setTimeout只会调用后执行一次。

下面通过函数的建立和函的自动删除来深刻理解两个函数；

1.函数的建立

setTimeOut的建立：

showTime();

function showTime()

{

    var today = new Date();

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

    setTimeout("showTime()", 5000);

}

调用函数后五秒钟才会执行一次showtime函数

setInterval的建立

setInterval("showTime()", 5000);

function showTime()

{

    var today = new Date();

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

}

总结：貌似两个函数的结果相似，其实不然第二个函数会反复的报时，直到该网页被关闭。

两个函数的消除：

setTimeout的消除使用

clearTimeout（）函数；调用的实例：

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

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

attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函数，参数为（目标；事件；调用的函数；是否冒泡）

function stopGoal()

{

    clearTimeout(timeoutProcess);

}

setInterval的消除

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

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

attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函数，参数为（目标；事件；调用的函数；是否冒泡）

function stopGoal()

{

    clearInterval(timeoutProcess);

}