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 相关文章推荐
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
浅析AngularJS中的生命周期和延迟处理
Jun 18 Javascript
初识Javascript小结
Jul 16 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
走进javascript——不起眼的基础,值和分号
Feb 24 Javascript
js实现旋转木马效果
Mar 17 Javascript
JavaScript插件Tab选项卡效果
Nov 14 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
Feb 22 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 Javascript
ES6函数和数组用法实例分析
May 23 Javascript
vue动态设置路由权限的主要思路
Jan 13 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书写安全的脚本代码
2012/02/05 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
php实现对象克隆的方法
2015/06/20 PHP
php关联数组与索引数组及其显示方法
2018/03/12 PHP
PHP7 字符串处理机制修改
2021/03/09 PHP
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
js中arguments的用法(实例讲解)
2013/11/30 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
2014/05/05 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
深入浅析jQuery对象$.html
2016/08/22 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
vue中echarts3.0自适应的方法
2018/02/26 Javascript
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
2019/08/28 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
python写入并获取剪切板内容的实例
2018/05/31 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
opencv之为图像添加边界的方法示例
2019/12/26 Python
Python下载的11种姿势(小结)
2020/11/18 Python
HTML5 实现图片上传预处理功能
2020/02/06 HTML / CSS
日本卡普空电视游戏软件公司官方购物网站:e-CAPCOM
2018/07/17 全球购物
建筑总经理岗位职责
2014/02/02 职场文书
开学典礼决心书
2014/03/11 职场文书
助人为乐模范事迹材料
2014/06/02 职场文书
名人演讲稿范文
2014/09/16 职场文书
申报优秀教师材料
2014/12/16 职场文书
闪闪红星观后感
2015/06/08 职场文书
2016年公司中秋节致辞
2015/11/26 职场文书
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android