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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
JQuery this 和 $(this) 的区别
Aug 23 Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 Javascript
javascript实现日期按月份加减
May 15 Javascript
JS实现3D图片旋转展示效果代码
Sep 22 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
AngularJS 教程及实例代码
Oct 23 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 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
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
PHP利用str_replace防注入的方法
2013/11/10 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
实例分析PHP中PHPMailer发邮件
2017/12/13 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
轻松创建nodejs服务器(10):处理POST请求
2014/12/18 NodeJs
director.js实现前端路由使用实例
2015/02/03 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
基于jQuery的ajax方法封装
2016/07/14 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
微信小程序实现留言板
2018/10/31 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
vue.js循环radio的实例
2019/11/07 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
vue解决跨域问题(推荐)
2020/11/10 Javascript
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
python 查找文件名包含指定字符串的方法
2018/06/05 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
keras和tensorflow使用fit_generator 批次训练操作
2020/07/03 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
Python grpc超时机制代码示例
2020/09/14 Python
主题酒店策划书
2014/01/28 职场文书
2014年纠风工作总结
2014/12/08 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
Redis 哨兵机制及配置实现
2022/03/25 Redis
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL