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 相关文章推荐
JSON语法五大要素图文介绍
Dec 04 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
JS比较两个时间大小的简单示例代码
Dec 20 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
Vue.Draggable实现拖拽效果
Jul 29 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
Oct 18 Javascript
vue 解决文本框被键盘遮住的问题
Nov 06 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版(1)
2006/10/09 PHP
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
jQuery.position()方法获取不到值的安全替换方法
2015/03/13 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
基于javascript实现图片滑动效果
2016/05/07 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
详解vue中的父子传值双向绑定及数据更新问题
2019/06/13 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
Openlayers显示瓦片网格信息的方法
2020/09/28 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
Python字符转换
2008/09/06 Python
python生成器表达式和列表解析
2016/03/10 Python
在Python中定义和使用抽象类的方法
2016/06/30 Python
python的构建工具setup.py的方法使用示例
2017/10/23 Python
使用python获取电脑的磁盘信息方法
2018/11/01 Python
python贪吃蛇游戏代码
2020/04/18 Python
python django生成迁移文件的实例
2019/08/31 Python
python 默认参数相关知识详解
2019/09/18 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
三个儿子教学反思
2014/02/03 职场文书
《小动物过冬》教学反思
2014/04/17 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书
六年级作文之预言作文
2019/10/25 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis