javascript学习笔记(十五) js间歇调用和超时调用


Posted in Javascript onJune 20, 2012

1.超时调用setTimeout()
setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID

setTimeout( function () { 
alert("你好!"); 
},1000);

调用前取消clearTimeout(),接受一个参数超时调用ID
var timeOutId = setTimeout( function () { 
alert("你好!"); 
},1000); clearTimeout(timeOutId);

2.间歇调用setInterval()
setInterval()方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID
setInterval( function () { 
alert("你好!"); 
},1000);

取消调用clearInterval(),接受一个参数间歇调用ID
var intervalId = null; 
var span = document.createElement("span"); //创建span节点 
span.Id="time"; //设置span的id 
document.body.appendChild(span); //body内添加span 
function incrementNumber () { 
var now = new Date(); 
var timeStr = now.toLocaleTimeString(); 
span.innerText =timeStr; 
num++; 
if (num == 10) { 
clearInterval(intervalId); //十秒后时间不变了 
} 
} 
intervalId = setInterval(incrementNumber,1000);

3.尽量用超时调用替代间歇调用
var num = 0; 
var max = 10; 
function incrementNumber() { 
num++; 
if (num<max) { 
setTimeout(incrementNumber,1000); 
} else { 
alert("OK"); 
} 
} 
setTimeout(incrementNumber,1000);
Javascript 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
JavaScript修改css样式style
Apr 15 Javascript
ECMAScript 创建自己的js类库
Nov 22 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
Jquery解析json字符串及json数组的方法
May 29 Javascript
基于 Node.js 实现前后端分离
Apr 23 Javascript
学习使用bootstrap的modal和carousel
Dec 09 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
js实现点赞效果
Mar 16 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 #Javascript
javascript学习笔记(十三) js闭包介绍(转)
Jun 20 #Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 #Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 #Javascript
javascript学习笔记(十) js对象 继承
Jun 19 #Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 #Javascript
javascript学习笔记(八) js内置对象
Jun 19 #Javascript
You might like
php入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
PHP获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
2017/05/30 PHP
Laravel事件监听器用法实例分析
2019/03/12 PHP
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
详解vue.js的devtools安装
2017/05/26 Javascript
JavaScript模板引擎原理与用法详解
2018/12/24 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
js实现翻牌小游戏
2020/07/31 Javascript
[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
python3制作捧腹网段子页爬虫
2017/02/12 Python
详细分析python3的reduce函数
2017/12/05 Python
python正则-re的用法详解
2019/07/28 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
新媒传信软件测试面试题
2013/02/24 面试题
工厂厂长岗位职责
2013/11/08 职场文书
开业典礼主持词
2014/03/21 职场文书
文明寄语大全
2014/04/11 职场文书
社会实践活动总结报告
2014/04/29 职场文书
异地恋情人节寄语
2015/02/28 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers