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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
Aug 30 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
Apr 15 Javascript
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
讲解vue-router之什么是编程式路由
May 28 Javascript
vue resource发送请求的几种方式
Sep 30 Javascript
浅谈JS的原型和原型链
Jun 04 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使用json_encode对变量json编码
2014/04/07 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
PHP设置头信息及取得返回头信息的方法
2016/01/25 PHP
jQuery 前的按键判断代码
2010/03/19 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
AngularJS控制器controller正确的通信的方法
2016/01/25 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
js学习阶段总结(必看篇)
2016/06/16 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
JS实现烟花爆炸效果
2020/03/10 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Python生成密码库功能示例
2017/05/23 Python
Python set常用操作函数集锦
2017/11/15 Python
numpy中矩阵合并的实例
2018/06/15 Python
python 多线程串行和并行的实例
2019/02/22 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
公司活动总结范文
2014/07/01 职场文书
建筑工地文明标语
2014/10/09 职场文书
2014年生产部工作总结
2014/12/17 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
社区服务活动感想
2015/08/11 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python
Django+Celery实现定时任务的示例
2021/06/23 Python
关于python类SortedList详解
2021/09/04 Python
CentOS8.4安装Redis6.2.6的详细过程
2021/11/20 Redis