久久久亚洲精品无码,综合一区自拍亚洲综合图区,亚洲欧洲日韩综合

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 朱巖閱讀(1039) 評論(0) 編輯收藏所屬分類: JavaScript文章

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: jQuery中文入門指南 showModelessDialog()使用詳解 Javascript里延遲函數的復習 automation服務器不能創建對象”的問題的解決方案大全深入認識JavaScript中的函數用層模擬的小窗口(可拖動展合) Javascript----文件操作 JS腳本加密方法 js小技巧 JavaScript使用cookie

JAVA流通橋

導航

文章分類

隨筆檔案

文章檔案

統計

留言簿(3)

AJAX相關網址

Eclipse相關網址

Hibernate

java相關網址

LINUX相關網址

webwork相關網址

友好鏈接

閱讀排行榜

評論排行榜

Javascript里延遲函數的復習