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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
JS重要知识点小结
Nov 06 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
jQuery实现的进度条效果
Jul 15 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
Dec 08 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 Javascript
微信小程序全局变量改变监听的实现方法
Jul 15 Javascript
js实现打字小游戏
Dec 17 Javascript
原生js实现表格翻页和跳转
Sep 29 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
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
根据中文裁减字符串函数的php代码
2013/12/03 PHP
Docker配置PHP开发环境教程
2016/12/21 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
javascript String 对象
2008/04/25 Javascript
JavaScript 原型继承之构造函数继承
2011/08/26 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
js仿小米手机上下滑动效果
2017/02/05 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
2017/04/11 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
vue 组件中添加样式不生效的解决方法
2018/07/06 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
javascript实现倒计时提示框
2021/03/02 Javascript
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
python 默认参数问题的陷阱
2016/02/29 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
python全栈知识点总结
2019/07/01 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
python logging日志模块原理及操作解析
2019/10/12 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
一文了解python 3 字符串格式化 F-string 用法
2020/03/04 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
python判断是空的实例分享
2020/07/06 Python
HTML5表单验证特性(知识点小结)
2020/03/10 HTML / CSS
英国行业制服供应商:Alexandra
2019/09/14 全球购物
Linux常见面试题
2013/03/18 面试题
涉外文秘个人求职的自我评价
2013/10/07 职场文书
六查六看个人剖析材料
2014/10/14 职场文书