手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javaScript同意等待代码实现心得
javaScript同意等待代码实现心得
摘要:正确源程序如下:复制代码代码如下: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同意等待代码实现心得】相关文章:

实现DIV圆角的JavaScript代码

javascript实现日期按月份加减

在JavaScript应用中使用RequireJS来实现延迟加载

JavaScript版代码高亮

javaScript中push函数用法实例分析

javascript的事件描述

javasript实现密码的隐藏与显示

javascript瀑布流式图片懒加载实例解析与优化

javascript搜索框效果实现方法

javascript实现链接单选效果

精品推荐
分类导航