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 相关文章推荐
js 与或运算符 || && 妙用
Dec 09 Javascript
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
js解析json读取List中的实体对象示例
Mar 11 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
May 31 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
javascript 中事件冒泡和事件捕获机制的详解
Sep 01 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
微信小程序实现滚动Tab选项卡
Nov 16 Javascript
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
星际争霸教主Flash的ID由来:你永远不会知道他之前的ID是www!
2019/01/18 星际争霸
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
Javascript 类与静态类的实现
2010/04/01 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
模仿百度三维地图的js数据分享
2011/05/12 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
2016/05/23 Javascript
js控制台输出的方法(详解)
2016/11/26 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
json数据传到前台并解析展示成列表的方法
2018/08/06 Javascript
Python实现CET查分的方法
2015/03/10 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
Python 查找字符在字符串中的位置实例
2018/05/02 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
Python安装pycurl失败的解决方法
2018/10/15 Python
学习python可以干什么
2019/02/26 Python
Django 模型类(models.py)的定义详解
2019/07/19 Python
python time()的实例用法
2020/11/03 Python
口头翻译求职人自荐信
2013/12/07 职场文书
五十岁生日宴会答谢词
2014/01/15 职场文书
2014年党务公开实施方案
2014/02/27 职场文书
班级旅游计划书
2014/05/03 职场文书
小学美术兴趣小组活动总结
2014/07/07 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
新党员入党决心书
2015/09/22 职场文书
2016年国培研修日志
2015/11/13 职场文书
利用Matlab绘制各类特殊图形的实例代码
2021/07/16 Python