JavaScript setTimeout和setInterval的使用方法 说明
作者:bea
不同的是setInterval会每隔指定的时间段就执行一次代码,具有重复性。而setTimeout只会调用后执行一次。 下面通过函数的建立和函的自动删除来深刻理解两个函数; 1.函数的建立 setTimeOut的建立: 代码如下: showTime(); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); setTimeout("sho
不同的是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 节点遍历函数
- javascript 类型判断代码分析
- js chrome浏览器判断代码
- javascript 跨浏览器的事件系统
- javascript 深拷贝
- JavaScript 学习笔记二 字符串拼接
- jQuery 美元符冲突的解决方法
- 分享十五个最佳jQuery 幻灯插件和教程
- Jquery 1.42 checkbox 全选和反选代码
- 网络图片延迟加载实现代码 超越jquery控件
- JQuery的一些小应用收集
- Visual Studio中的jQuery智能提示设置方法
- Jquery 滑入滑出效果实现代码
- Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
- javascript sudoku 数独智力游戏生成代码
- Javascript 函数中的参数使用分析
- js几个验证函数代码
- js 图片上传前大小长宽验证代码
- Firefox下提示illegal character并出现乱码的原因