手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js超时调用setTimeout和间歇调用setInterval实例分析
js超时调用setTimeout和间歇调用setInterval实例分析
摘要:本文实例分析了js超时调用setTimeout和间歇调用setInterval的用法。分享给大家供大家参考。具体如下:今天看了javascr...

本文实例分析了js超时调用setTimeout和间歇调用setInterval的用法。分享给大家供大家参考。具体如下:

今天看了javascript高级程序设计(第三版)一书,发现说setTimeout比setInterval更好,觉得的确如此。平时都是用setInterval多点,现在还是转一下思路了。又学习到了。分析如下:

setTimeout包含两个参数,第一个参数是要执行的代码,第二个参数是时间。

第一个参数可以是字符串也可以是函数,但是推荐使用函数而不是字符串。

使用字符串相当于eval方法。导致性能损失。

clearTimeout()

超时调用的代码都是在全局作用域中执行的,因此函数中this的值在费严格模式下指向window对象,在严格模式下是undefined

复制代码 代码如下://setInval

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实例分析】相关文章:

理解javascript定时器中的setTimeout与setInterval

javascript带回调函数的异步脚本载入方法实例分析

JavaScript实现Iterator模式实例分析

Javascript中setTimeOut和setInterval的定时器用法

javascript动态设置样式style实例分析

学习Javascript面向对象编程之封装

JavaScript中继承用法实例分析

javascript+HTML5自定义元素播放焦点图动画

特殊字符、常规符号及其代码对照表

JQuery中DOM事件冒泡实例分析

精品推荐
分类导航