javaScript同意等待代码实现心得_Javascript教程-查字典教程网
javaScript同意等待代码实现心得
javaScript同意等待代码实现心得
发布时间:2016-12-30 来源:查字典编辑
摘要:正确源程序如下:复制代码代码如下:varlastTime=3;functionabc(){varbtnReg=document.getEle...

正确源程序如下:

复制代码 代码如下:

<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按钮解析出来后就可以去到值,程序就可以实现功能了。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类