window.setTimeout() 和 window.setInterval() 使用说明
来源:互联网 发布:电子版世界名画淘宝店 编辑:程序博客网 时间:2024/06/05 05:42
setTimeout (表达式,延时时间)
setInterval(表达式,交互时间)
3.方法名
二、setInterval
四、在类中使用setTimeout
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);
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() { //每隔1000毫秒执行一次add()方法 timer = window.setInterval("add()",1000); } function add(){ alert(++ count); if (count == 5) { //如果count值达到5,清空定时器 window.clearInterval(timer); } } test(); </SCRIPT> 示例:<script type="text/javascript">var count = 0;var timeID;function timeCount(){ count++; document.getElementById('timetxt').value = count; if(count==5){ stopCount(); }}function beginCount(){ document.getElementById("begin").disabled=true;// $("#begin").attr("disabled",true); timeID = setInterval("timeCount()",1000);}function stopCount(){ clearInterval(timeID); count=0;// $("#begin").attr("disabled",false); document.getElementById("begin").disabled=false; }</script><input type="button" value="开始计时" onclick="beginCount()" id="begin"/><input type="text" id="timetxt" size="5" /><input type="button" value="停止计时" onclick="stopCount()" />
清空定时器调用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指的是谁了。
阅读全文
0 0
- window.setTimeout() 和 window.setInterval() 使用说明
- window.setTimeout() 和window.setInterval() 使用说明
- window.setTimeout() 和 window.setInterval() 使用说明
- window.setInterval和window.setTimeout
- window.setInterval和window.setTimeout
- window.setTimeout() 和window.setInterval() 的区别
- 学习window.setTimeout()和window.setInterval()
- window.setTimeout() 和window.setInterval() 的区别
- window.setTimeout() 和window.setInterval() 的区别
- Window.setTimeout()与setInterval( )
- bom-window-setInterval()和setTimeout()的区别
- Javascript中window.setInterval和window.setTimeout的区别
- javascript中window.setInterval和window.setTimeout区别
- Jscript中window.setInterval和window.setTimeout的区别
- JS中window.setInterval和window.setTimeout的区别
- window.setTimeout和window.setInterval不能延时调用
- window.setTimeout() 和window.setInterval() 的用法与区别
- Js_window.setInterval & window.setTimeout
- HTTP与HTTPS的区别
- VMwareWorkstation克隆centos
- JavaScript 闭包
- 介绍款适合当前金融行业的内存数据库---美国麦科捷eXtremeDB金融版内存数据库系统
- oracle类型和对应的java实体类
- window.setTimeout() 和 window.setInterval() 使用说明
- Java Web系统常用的第三方接口
- 计算机网络–数据链路层
- Node.js + Web Socket 打造即时聊天程序嗨聊
- 堆栈集合做大数字运算
- dev gridview循环
- 手把手教新手小白在window把自己的项目上传到github
- Linux命令分析:fdisk
- HTML5本地存储之Web Storage篇