DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javaScript同意等待代碼實現心得
javaScript同意等待代碼實現心得
編輯:關於JavaScript     
正確源程序如下:
復制代碼 代碼如下:
<script type="text/javascript">
var lastTime = 3;
function abc() {
var btnReg = document.getElementById("btnReg");
if (!btnReg) { return; }
if (lastTime <= 0) {
btnReg.value = "同意";
btnReg.disabled = "";
clearInterval("TimeId");
}
else {
btnReg.value = "還剩下" + lastTime + "秒";
lastTime--;
}

}
var TimeId = setInterval("abc()", 1000);
</script>

我把第四行的 var btnReg = document.getElementById("btnReg")定義為全局變量btnReg = document.getElementById("btnReg");
並且放到函數abc()之外,程序實現不了功能了。

原因如下:浏覽器解析Html頁面是從上到下,解析到btnReg = document.getElementById("btnReg")時,id為btnReg的按鈕還沒被解析出來,所以全局變量btnReg的值為為定義,

又因為只執行了一次所以程序實現不了功能了,而正確的源程序每隔一秒就去取一次,等到button按鈕解析出來後就可以去到值,程序就可以實現功能了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved