js超时调用setTimeout和间歇调用setInterval实例分析
本文实例分析了js超时调用setTimeout和间歇调用setInterval的用法。分享给大家供大家参考。具体如下:
今天看了javascript高级程序设计(第三版)一书,发现说setTimeout比setInterval更好,觉得的确如此。平时都是用setInterval多点,现在还是转一下思路了。又学习到了。分析如下:
setTimeout包含两个参数,第一个参数是要执行的代码,第二个参数是时间。
第一个参数可以是字符串也可以是函数,但是推荐使用函数而不是字符串。
使用字符串相当于eval方法。导致性能损失。
clearTimeout()
超时调用的代码都是在全局作用域中执行的,因此函数中this的值在费严格模式下指向window对象,在严格模式下是undefined
var num = 0;
var max = 10;
var intervalId = null;
function incrementNumber(){
num++;
if(num == max){
clearInterval(innervalId);
alert('done');
}
}
intervalId = setInterval(incrementNumber(),500);
//setTimeout 实现相同功能
var num = 0;
var max = 10;
function incrementNumber2(){
num++;
if(num < max){
setTimeout(incrementNumber2,500);
}else{
alert('done');
}
}
setTimeout(incrementNumber2,500);
以上对比可以发现,使用超时调用时,没有必要跟踪超时调用id,因为每次执行代码之后,如果不再设置另一次超时调用,调用就会自行停止。
一般认为,如果超时调用用来模拟间歇调用的是一种最佳模式。
在开发环境下,很少真正的间歇调用,原因是后一个间歇调用可能会在前一个间隙调用结束之前启动。
最好不要使用间歇调用。
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
- js超时调用setTimeout和间歇调用setInterval实例分析
- JS中的间歇调用setInterval()与超时调用setTimeout()相关总结
- 间歇调用和超时调用(setTimeout和setInterval)
- 【学习笔记】深入理解超时调用(setTimeout)和间歇调用(setInterval)
- 超时调用(setTimeout)和间歇调用(setInterval)
- setTimeout()间歇调用和 setInterval()超时调用
- 定时器之setTimeout()超时调用与setInterval()间歇调用
- JavaScript用setTimeout超时调用实现setInterval间歇调用
- 超时调用setTimeout 和 间歇调用setInterval
- 让JS中settimeout、setInterval调用传递参数 的好方法
- setTimeout的妙用1——代替setInterval进行间歇调用
- js中的setInterval和setTimeout使用实例
- Js中setTimeout()和setInterval() 何时被调用执行的用法
- js中的setInterval和setTimeout使用实例
- js超时调用模拟间歇调用
- 在js的对象中使用setTimeout和setInterval调用对象自身方法
- JS 中的间歇调用和超时调用的性能问题
- JS关于时间计时器setTimeout()和setInterval()实例