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按鈕解析出來後就可以去到值，程式就可以實現功能了。