JavaScript setTimeout和setInterval的使用方法 说明


Posted in Javascript onMarch 25, 2010

不同的是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 相关文章推荐
javascript获取URL参数与参数值的示例代码
Dec 20 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
浅析Bootstrap验证控件的使用
Jun 23 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
Angular.JS中指令ng-if的注意事项小结
Jun 21 Javascript
详解Angular系列之变化检测(Change Detection)
Feb 26 Javascript
vue返回上一页面时回到原先滚动的位置的方法
Dec 20 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
JavaScript 学习初步 入门教程
Mar 25 #Javascript
ext 列表页面关于多行查询的办法
Mar 25 #Javascript
JS学习之一个简易的日历控件
Mar 24 #Javascript
javascript instanceof,typeof的区别
Mar 24 #Javascript
ExtJs使用IFrame的实现代码
Mar 24 #Javascript
JS 显示当前日期与时间的代码
Mar 24 #Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
Mar 24 #Javascript
You might like
在PHP中利用XML技术构造远程服务(上)
2006/10/09 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
jquery判断至少有一个checkbox被选中的方法
2015/06/05 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
微信小程序之数据双向绑定与数据操作
2017/05/12 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
2017/09/30 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
详解React native fetch遇到的坑
2018/08/30 Javascript
vuex提交state&&实时监听state数据的改变方法
2018/09/16 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
使用Python开发windows GUI程序入门实例
2014/10/23 Python
Python编程中的文件操作攻略
2015/10/16 Python
Python实现控制台进度条功能
2016/01/04 Python
Python socket网络编程TCP/IP服务器与客户端通信
2017/01/05 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
python如何求圆的面积
2020/07/01 Python
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
新闻记者个人求职的自我评价
2013/11/28 职场文书
应用心理学个人求职信范文
2013/12/11 职场文书
潘婷洗发水广告词
2014/03/14 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
ktv好的活动方案
2014/08/15 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书