window.setTimeout() 和 window.setInterval() 使用说明
2014-10-20 13:15
513 查看
setTimeout (表达式,延时时间)
setInterval(表达式,交互时间)
延时时间/交互时间是以豪秒为单位的(1000ms=1s)。
setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
setInterval在执行时,它从载入后,每隔指定的时间就执行一次表达式。
一、setTimeout
关于setTimeout方法的第一个参数,可以为 直接的代码(要被引号括起),也可以为用函数括起来的代码(不用引号括这),方法名(不用引号和括号或加括号并要引号括起),如下:
1.直接的代码:
2.用函数括起来的代码
3.方法名
二、setInterval
三、用setTimeout实现setInterval的功能
思路很简单,就是在一个函数中调用不停执行自己,有点像递归
四、在类中使用setTimeout
其实在类中使用大家遇到的问题都是关于this的,只要解决了这个this的问题就万事无忧了。
呵呵。让我们来分析一下:
错误分析:
A:中的this其实指是window对象,并不是指当前实例对象
B和C:中的count()和count其实指的是单独的一个名为count()的函数,但也可以是window.count(),因为window.count()可以省略为count()
D:将变量self指向当前实例对象,这样js解析引擎就不会混肴this指的是谁了。
setInterval(表达式,交互时间)
延时时间/交互时间是以豪秒为单位的(1000ms=1s)。
setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
setInterval在执行时,它从载入后,每隔指定的时间就执行一次表达式。
一、setTimeout
关于setTimeout方法的第一个参数,可以为 直接的代码(要被引号括起),也可以为用函数括起来的代码(不用引号括这),方法名(不用引号和括号或加括号并要引号括起),如下:
1.直接的代码:
var i=0; setTimeout("i+=1;alert(i)",1000);
2.用函数括起来的代码
var i=0; setTimeout(function(){i+=1;alert(i);},1000);
3.方法名
var i=0; function test(){ i+=1; alert(i); } setTimeout("test()",1000); //或 setTimeout(test,1000);
清空定时器调用 window.clearTimeout(TimeoutID)
二、setInterval
<SCRIPT LANGUAGE="JavaScript"> var timer;//声明一个定时器 var count = 0; function test() { //每隔500毫秒执行一次add()方法 timer = window.setInterval("add()",500); } function add(){ alert(++ count); if (count == 5) { //如果count值达到5,清空定时器 window.clearInterval(timer); } } test(); </SCRIPT>
清空定时器调用 window.clearInterval(IntervalID)
三、用setTimeout实现setInterval的功能
思路很简单,就是在一个函数中调用不停执行自己,有点像递归
var i=0; function xilou(){ i+=1; if(i>10){ alert(i); return; } setTimeout("xilou()",1000); //用这个也可以 //setTimeout(xilou,1000); }
四、在类中使用setTimeout
其实在类中使用大家遇到的问题都是关于this的,只要解决了这个this的问题就万事无忧了。
呵呵。让我们来分析一下:
function xilou(){ this.name="xilou"; this.sex="男"; this.num=0; } xilou.prototype.count=function(){ this.num+=1; alert(this.num); if(this.num>10){return;} //下面用四种方法测试,一个一个轮流测试。 setTimeout("this.count()",1000);//A:当下面的x.count()调用时会发生错误:对象不支持此属性或方法。 setTimeout("count()",1000);//B:错误显示:缺少对象 setTimeout(count,1000);//C:错误显示:'count'未定义 //下面是第四种 var self=this; setTimeout(function(){self.count();},1000);//D:正确 } var x=new xilou(); x.count();
错误分析:
A:中的this其实指是window对象,并不是指当前实例对象
B和C:中的count()和count其实指的是单独的一个名为count()的函数,但也可以是window.count(),因为window.count()可以省略为count()
D:将变量self指向当前实例对象,这样js解析引擎就不会混肴this指的是谁了。
相关文章推荐
- window.setTimeout() 和 window.setInterval() 使用说明
- JavaScript setTimeout和setInterval的使用方法 说明
- window.setInterval与window.setTimeout使用实例
- 浏览器中的 window.setInterval 和window.setTimeout
- window.setTimeout()函数的使用
- Flex和Flash定时器 setTimeout & setInterval 使用要点
- JS中window.setInterval和window.setTimeout的区别
- window.setTimeout() 和window.setInterval() 的区别
- window.setInterval和window.setTimeout
- Flex和Flash定时器 setTimeout & setInterval 使用要点
- window.setTimeout() 和window.setInterval() 的区别
- window.setTimeout() 和window.setInterval() 使用说明
- window.setTimeout和window.setInterval不能延时调用
- window.setTimeout()函数的使用
- Window.setTimeout()与setInterval( )
- window.setTimeout() 和window.setInterval() 的差别
- 在 Javascript 类中使用 setTimeout & 带参数的window.setTimeout(参数可为对象)
- window.open使用方法以及参数说明
- window.open使用方法以及参数说明
- 精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!