手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript setTimeout和setInterval的使用方法 说明
JavaScript setTimeout和setInterval的使用方法 说明
摘要:不同的是setInterval会每隔指定的时间段就执行一次代码,具有重复性。而setTimeout只会调用后执行一次。下面通过函数的建立和函...

不同的是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);

}

【JavaScript setTimeout和setInterval的使用方法 说明】相关文章:

JavaScript中停止执行setInterval和setTimeout事件的方法

JavaScript实现点击自动选择TextArea文本的方法

JavaScript获取并更改input标签name属性的方法

JavaScript中String.match()方法的使用详解

简介JavaScript中charAt()方法的使用

JavaScript中的anchor()方法使用详解

JavaScript中的acos()方法使用详解

JavaScript中的toUTCString()方法使用详解

JavaScript函数使用的基本教程

JavaScript中strike()方法的使用介绍

精品推荐
分类导航