javaScript同意等待代码实现心得

180 阅读 0 评论 119 点赞

我是靠谱客的博主壮观舞蹈，最近开发中收集的这篇文章主要介绍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按钮解析出来后就可以去到值，程序就可以实现功能了。