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 Div中加载其他页面的实现代码
Feb 27 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
js实现图片拖动改变顺序附图
May 13 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
Sep 25 Javascript
js和jquery实现监听键盘事件示例代码
Jun 24 Javascript
JavaScript禁止复制与粘贴的实现代码
May 16 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
利用jquery实现下拉框的禁用与启用
Dec 07 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
vue2.0 父组件给子组件传递数据的方法
Jan 15 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
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 应用程序安全防范技术研究
2009/09/25 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
iis 7下安装laravel 5.4环境的方法教程
2017/06/14 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
js 自动播放的实例代码
2013/11/19 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
快速掌握Node.js事件驱动模型
2016/03/21 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
Angular-Touch库用法示例
2016/12/22 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
Python Web框架Tornado运行和部署
2020/10/19 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
Python pandas对excel的操作实现示例
2020/07/21 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
优秀学生获奖感言
2014/02/15 职场文书
民主生活会整改措施(党员)
2014/09/18 职场文书
2016新年慰问信范文
2015/03/25 职场文书
公司员工违法违章行为检讨书
2019/06/24 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL
Java 定时任务技术趋势简介
2022/05/04 Java/Android