sunfruit[请访问http://www.fruitres.cn]

--我相信JAVA能走得更远 QQ:316228067

[技巧]在JAVASCRIPT里面实现延时功能

--sunfruit

我们有的时候需要在javascript里面实现延时功能,比如:当某一个按钮按下提交内容以后就马上把状态改为失效,过2秒钟以后再把状态改为有效,才可以进行下一次提交

这个过程就需要延时功能了,这里用到了javascript的setTimeout函数,这个函数的入口参数为2个,第一个参数是需要执行的内容,这个可以是一个URL,也可以是另一个javascript函数,第二个参数是延时的时间数单位是毫秒,下面举个例子

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function r1()
{
 setTimeout("r2()",2000);
 
}
function r2()
{
    alert("OK");
}
</script>
</head>
<body>
 <input name="uu" type="button" id="uu" value="按钮" onClick="r1();">
<form name="form1" method="post" action="">
</form>
</body>
</html>

执行这个例子的效果是:按钮按下去以后2秒钟“OK”对话框弹出,呵呵用这个特性实现button的失效和有效就简单多了

这里有一个技巧,就是在页面body的onload属性里面加上setTimeout的执行方法,而且setTimeout方法的第一个参数为执行自身页面,这样的效果就是间隔一定时间刷新本页,也许有人问了,html的自身属性就提供定时刷新页面功能,jsp页面的head属性里面也有类似的功能,干嘛这么麻烦使用setTimeout方法

不知道大家注意了没有,不管是使用html的自身提供定时刷新页面功能还是jsp页面head属性里面类似的功能,都会有浏览器发出的“啪啪”的声音,而使用setTimeout则没有这样的声音,所以使用setTimeout方法还是很有用的

posted on 2006-03-14 13:44 sunfruit 阅读(5235) 评论(0)  编辑  收藏 所属分类: JAVASCRIPT


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


网站导航: