提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javaScript同意等待代码实现心得

JavaScript代码 实现 等待 心得 同意
2023-06-13 09:14:26 时间
正确源程序如下：
复制代码代码如下:

<scripttype="text/javascript">
varlastTime=3;
functionabc(){
varbtnReg=document.getElementById("btnReg");
if(!btnReg){return;}
if(lastTime<=0){
btnReg.value="同意";
btnReg.disabled="";
clearInterval("TimeId");
}
else{
btnReg.value="还剩下"+lastTime+"秒";
lastTime--;
}

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

我把第四行的varbtnReg=document.getElementById("btnReg")定义为全局变量btnReg=document.getElementById("btnReg");
并且放到函数abc()之外，程序实现不了功能了。

原因如下：浏览器解析Html页面是从上到下，解析到btnReg=document.getElementById("btnReg")时，id为btnReg的按钮还没被解析出来，所以全局变量btnReg的值为为定义，

又因为只执行了一次所以程序实现不了功能了，而正确的源程序每隔一秒就去取一次，等到button按钮解析出来后就可以去到值，程序就可以实现功能了。

相关文章