JavaScript setTimeout和setInterval的使用方法 说明
时间：2020-10-19 10:15:28|栏目：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);
}
下面通过函数的建立和函的自动删除来深刻理解两个函数；
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学习笔记(四) Number 数字类型
栏 目：JavaScript代码
本文标题：JavaScript setTimeout和setInterval的使用方法 说明
本文地址：http://www.codeinn.net/misctech/13489.html
