javascript学习笔记(十五) 间歇调用和超时调用
2012-05-30 17:06
603 查看
1.超时调用setTimeout()
setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID
调用前取消clearTimeout(),接受一个参数超时调用ID
2.间歇调用setInterval()
setInterval()方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID
取消调用clearInterval(),接受一个参数间歇调用ID
3.尽量用超时调用替代间歇调用
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);
相关文章推荐
- 【学习笔记】深入理解超时调用(setTimeout)和间歇调用(setInterval)
- 【JavaScript学习】超时调用和间歇调用
- 浅谈JavaScript超时调用和间歇调用
- javascript超时调用、间歇调用
- JavaScript 学习笔记(十五)
- JavaScript学习笔记八:函数定义和调用
- 韩顺平 javascript教学视频_学习笔记9_js函数调用过程内存分析_js函数细节
- javascript语言精粹学习笔记之函数的四种this调用模式
- <深入理解JavaScript>学习笔记(4)_立即调用的函数表达式
- JavaScript学习笔记-03函数调用方式
- JavaScript学习笔记6-函数的定义和调用
- 【JavaScript学习笔记】调用google搜索
- javascript超时调用和间歇调用
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第25讲_js系统函数_js函数调用方式_学习笔记_源代码图解_PPT文档整理
- iOS学习笔记77-ios开发,javascript直接调用oc代码而非通过改变url回调方式
- JavaScript学习笔记(十五)
- SilverLight学习笔记--Silverligh之在SL中调用Javascript (四种调用方法+简单与复杂参数的传递)
- Javascript学习笔记之超时调用和间歇调用