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入门基础 document.write输出
Feb 22 Javascript
Javascript Cookie读写删除操作的函数
Mar 02 Javascript
Jquery 绑定时间实现代码
May 03 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
js+csss实现的一个带复选框的下拉框
Sep 29 Javascript
JavaScript实现重置表单(reset)的方法
Apr 02 Javascript
vue组件父子间通信详解(三)
Nov 07 Javascript
Vue2实时监听表单变化的示例讲解
Aug 30 Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
Jan 02 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 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 清空varnish 缓存的详解(包括指定站点下的)
2013/06/20 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
javascript强大的日期函数代码分享
2013/09/04 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
Python单链表的简单实现方法
2014/09/23 Python
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
python写入中英文字符串到文件的方法
2015/05/06 Python
Python实现二分查找算法实例
2015/05/26 Python
浅谈Tensorflow由于版本问题出现的几种错误及解决方法
2018/06/13 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
Python爬虫使用浏览器cookies:browsercookie过程解析
2019/10/22 Python
Python3与fastdfs分布式文件系统如何实现交互
2020/06/23 Python
HTML5安全介绍之内容安全策略(CSP)简介
2012/07/10 HTML / CSS
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
如何利用XMLHTTP检测URL及探测服务器信息
2013/11/10 面试题
人事助理岗位职责
2013/11/18 职场文书
工程业务员工作职责
2013/12/07 职场文书
创先争优演讲稿
2014/09/15 职场文书
总经理司机岗位职责
2015/04/10 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
学子宴致辞大全
2015/07/27 职场文书
python 实现的截屏工具
2021/05/08 Python
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js
详解PyTorch模型保存与加载
2022/04/28 Python
Python find()、rfind()方法及作用
2022/12/24 Python