Javascript里延迟函数的复习

1.setTimeout()和clearTimeout()函数是一对控制页面定时触发时间的起始函数。

2.handle = setTimeout(statement, microime)，的作用是设定每mircotime毫秒执行一次statement，并把返回一个句柄给handle，以便可以用clearTimeout(handle)来结束计时。 //Javascript Wait Function Demo

Demo:

<h3>//Javascript Wait Function Demo</h3>
2

<hr>
3

<input type="button" value="请点击,2秒后打开一个警告" id="redhacker">
4

<input type="button" value="停止" id="dgq">
5

<script>
6

//code by douguoqiang1980@163.com
7

var handle;
8

document.getElementById("redhacker").onclick = function(){handle = setTimeout("alert('你好，红色黑客！')",2000)};
9

document.getElementById("dgq").onclick = function(){clearTimeout(handle);};
10

</script>

说明：点击第一个按钮，将两秒后弹出一个警告框。在点击第一个按钮后，还不到两秒时，点“停止”按钮，则取消等待，并警告框也不会弹出。

3.setInterval()和clearInterval()两个函数，和以上两个函数大同小异，区别在于前者用来定时要在将来某个时候执行一次的函数或者表达式；而后者多用于要反复调用的函数和语句，他们之间只间隔一个固定的时间，这个时间过程中不是一个等待的过程，因为当延迟其作用时，其它的处理过程并不挂起！所以用setInterval()来制作网页动画要更合理一些！他们的语法格式是：

iTimerID = window.setInterval(vCode, iMilliSeconds [, sLanguage])

Demo1:

<h3>//Javascript Wait Function Demo</h3>
2

<hr>
3

<input type="button" value="10" id="redhacker" style="width:50">
4

<input type="button" value="停止" id="dgq" style="width:50">
5

<script>
6

//code by douguoqiang1980@163.com
7

//直接调用函数的示例
8

var alertFun = function(){
9

var n = document.getElementById("redhacker").value;
10

document.getElementById("redhacker").value = n-1;
11

}
12

handle = setInterval(alertFun,1000);
13

document.getElementById("dgq").onclick = function(){clearInterval(handle);alert("倒记时已停止")}
14

</script>

Domo2:

<h3>//Javascript Wait Function Demo</h3>
2

<hr>
3

<input type="button" value="10" id="redhacker" style="width:50">
4

<input type="button" value="停止" id="dgq" style="width:50">
5

<script>
6

//code by douguoqiang1980@163.com
7

//调用对象自定义方法，并复习如何给一个内置对象添加一个方法
8

var alertFun = function(){
9

var n = document.getElementById("redhacker").value;
10

document.getElementById("redhacker").value = n-1;
11

}
12

Object.prototype.aMethod = alertFun;
13

var o = new Object();
14

var handle = setInterval(o.aMethod,1000);
15

document.getElementById("dgq").onclick = function(){clearInterval(handle);alert("倒记时已停止")}
16

</script>

Demo3:

<h3>//Javascript Wait Function Demo</h3>
2

<hr>
3

<input type="button" value="10" id="redhacker" style="width:50">
4

<input type="button" value="停止" id="dgq" style="width:50">
5

<script>
6

//code by douguoqiang1980@163.com
7

//自定义对象，并为对象添加一个自定义方法，调用改方法
8

var alertFun = function(){
9

var n = document.getElementById("redhacker").value;
10

document.getElementById("redhacker").value = n-1;
11

}
12

function myObject(){
13

}
14

myObject.prototype.aMethod = alertFun;
15

var o = new myObject();
16

var handle = setInterval(o.aMethod,1000);
17

document.getElementById("dgq").onclick = function(){clearInterval(handle);alert("倒记时已停止")}
18

</script>

补充：这四个函数确切的说，是window对象的方法，window 是DOM中的一个顶级对象。只是如果不写对象名，就默认是window,就像alert()等用于window.alert()一样！

posted on 2007-06-22 09:49 朱岩阅读(1035) 评论(0) 编辑收藏所属分类: JavaScript文章

新用户注册刷新评论列表


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: jQuery中文入门指南 showModelessDialog()使用详解 Javascript里延迟函数的复习 automation服务器不能创建对象”的问题的解决方案大全深入认识JavaScript中的函数用层模拟的小窗口(可拖动展合) Javascript----文件操作 JS脚本加密方法 js小技巧 JavaScript使用cookie

JAVA流通桥

导航

文章分类

随笔档案

文章档案

统计

留言簿(3)

AJAX相关网址

Eclipse相关网址

Hibernate

java相关网址

LINUX相关网址

webwork相关网址

友好链接

阅读排行榜

评论排行榜

Javascript里延迟函数的复习