javaScript同意等待代码实现心得
2018-10-12 13:52
549 查看
正确源程序如下:
我把第四行的 var btnReg = document.getElementById("btnReg")定义为全局变量btnReg = document.getElementById("btnReg");
并且放到函数abc()之外,程序实现不了功能了。
原因如下:浏览器解析Html页面是从上到下,解析到btnReg = document.getElementById("btnReg")时,id为btnReg的按钮还没被解析出来,所以全局变量btnReg的值为为定义,
又因为只执行了一次所以程序实现不了功能了,而正确的源程序每隔一秒就去取一次,等到button按钮解析出来后就可以去到值,程序就可以实现功能了。
<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实现同意等待——心得
- WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信
- WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信
- WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信
- WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信
- javascript中keyCode代码对应表(函数实现)
- 100行Javascript代码实现视频通话
- [原创.数据可视化系列之十三]idw反距离权重插值算法的javascript代码实现
- javascript 数字格式化输出的实现代码
- JavaScript用JQuery呼叫Server端方法实现代码与参考语法
- 用JavaScript脚本实现限定textarea的输入长度代码
- javascript实现的鼠标链接提示效果生成器代码
- Javascript表格翻页效果实现思路及代码
- 一段实现选择框javascript代码的重构
- Javascript代码实现仿实例化类
- 数据加载等待页面的VB.NET代码实现
- JavaScript 悬浮窗口实现代码
- 实现年月日下拉菜单的javascript代码示例~