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 相关文章推荐
基于jquery的可多选的下拉列表框
Jul 20 Javascript
Javascript算符的优先级介绍
Mar 20 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
Apr 26 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
Sep 26 Javascript
JS数组方法reduce的用法实例分析
Mar 03 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和ACCESS写聊天室(三)
2006/10/09 PHP
php面向对象全攻略 (六)__set() __get() __isset() __unset()的用法
2009/09/30 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
PHP简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
PHP操作MySQL事务实例
2014/11/05 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
PHP命名空间与自动加载机制的基础介绍
2019/08/25 PHP
php使用event扩展的io复用测试的示例
2020/10/20 PHP
基于jQuery的星级评分插件
2011/08/12 Javascript
js有关元素内容操作小结
2011/12/20 Javascript
浅谈Javascript事件模拟
2012/06/27 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
2016/11/07 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
js实现二级导航功能
2017/03/03 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
2017/06/26 Javascript
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
python从入门到精通(DAY 3)
2015/12/20 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
python数据批量写入ScrolledText的优化方法
2018/10/11 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
Python实现加密的RAR文件解压的方法(密码已知)
2020/09/11 Python
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
世界汽车零件:World Car Parts
2019/09/04 全球购物
任命书范本大全
2014/06/06 职场文书
工作业绩不及格检讨书
2014/10/28 职场文书
党的群众路线教育实践活动个人整改措施材料
2014/11/04 职场文书
政风行风整改报告
2014/11/06 职场文书
毕业设计论文评语
2014/12/31 职场文书
项目技术负责人岗位职责
2015/04/13 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
MySQL 数据类型详情
2021/11/11 MySQL