正確源程序如下:
復制代碼 代碼如下:
<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按鈕解析出來後就可以去到值,程序就可以實現功能了。