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操作ajax返回的json的注意问题!
Feb 23 Javascript
JS读取cookies信息(记录用户名)
Jan 10 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
node前端模板引擎Jade之标签的基本写法
May 11 Javascript
ES6中异步对象Promise用法详解
Jul 31 Javascript
深入理解Vue的数据响应式
May 15 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
.htaccess文件保护实例讲解
2011/02/06 PHP
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
Extjs入门之动态加载树代码
2010/04/09 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
2015/02/04 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
2015/09/15 Javascript
避免jQuery名字冲突 noConflict()方法
2016/07/30 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
vue一个页面实现音乐播放器的示例
2018/02/06 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
小程序点赞收藏功能的实现代码示例
2018/09/07 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
Postman内建变量常用方法实例解析
2020/07/28 Javascript
python strip()函数 介绍
2013/05/24 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
在Python 中实现图片加框和加字的方法
2019/01/26 Python
python基于json文件实现的gearman任务自动重启代码实例
2019/08/13 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
JAVA高级程序员面试题
2013/09/06 面试题
家长写给孩子的评语
2014/04/18 职场文书
2015年复活节活动总结
2015/02/27 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
webpack的移动端适配方案小结
2021/07/25 Javascript
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python