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 相关文章推荐
两个比较有用的Javascript工具函数代码
Feb 17 Javascript
使用JS进行目录上传(相当于批量上传)
Dec 05 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 Javascript
详解JavaScript中数组的相关知识
Jul 29 Javascript
javascript合并表格单元格实例代码
Jan 03 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
vue实现随机验证码功能的实例代码
Apr 30 Javascript
JavaScript parseInt0.0000005打印5原理解析
Jul 23 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
全国FM电台频率大全 - 14 江西省
2020/03/11 无线电
php提高脚本性能的4个技巧
2020/08/18 PHP
display和visibility的区别示例介绍
2014/02/26 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
JavaScript类的写法
2016/09/17 Javascript
实现easyui的datagrid导出为excel的示例代码
2016/11/10 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
2017/01/20 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
js使用i18n实现页面国际化的方法
2017/05/09 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
深入理解react-router 路由的实现原理
2018/09/26 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
2020/02/06 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
Django学习笔记之为Model添加Action
2019/04/30 Python
Python用Try语句捕获异常的实例方法
2019/06/26 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
python3 logging日志封装实例
2020/04/08 Python
keras slice layer 层实现方式
2020/06/11 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
美国杰西潘尼官网:JCPenney
2019/06/12 全球购物
应聘护士自荐信
2013/10/21 职场文书
秋季运动会活动方案
2014/02/05 职场文书
就业协议书怎么填
2014/04/11 职场文书
信息员培训方案
2014/06/12 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
安全主题班会教案
2015/08/12 职场文书
先进个人主要事迹范文
2015/11/04 职场文书
外出培训学习心得体会
2016/01/18 职场文书
python编程实现清理微信重复缓存文件
2021/11/01 Python