[技巧]在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 閱讀(5346) 評論(0) 編輯 收藏 所屬分類: JAVASCRIPT