javaScript同意等待代码实现心得


Posted in Javascript onJanuary 01, 2011

正确源程序如下:

<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 hasOwnProperty 方法 &amp; in 关键字
Nov 26 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 Javascript
jquery中animate动画积累的解决方法
Oct 05 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
JavaScript设计模式开发中组合模式的使用教程
May 18 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
js中的闭包实例展示
Nov 01 Javascript
javascript实现自由编辑图片代码详解
Jun 21 Javascript
javascript判断用户浏览器插件安装情况的代码
Jan 01 #Javascript
javascript 事件绑定问题
Jan 01 #Javascript
javascript跨域刷新实现代码
Jan 01 #Javascript
extjs中grid中嵌入动态combobox的应用
Jan 01 #Javascript
js注意img图片的onerror事件的分析
Jan 01 #Javascript
JavaScript 计算图片加载数量的代码
Jan 01 #Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 #Javascript
You might like
我的论坛源代码(六)
2006/10/09 PHP
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
基于jquery的模态div层弹出效果
2010/08/21 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
2015/06/14 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
2016/06/06 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
如何使用webpack打包一个库library的方法步骤
2019/12/18 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
python写入xml文件的方法
2015/05/08 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
python实现UDP协议下的文件传输
2020/03/20 Python
CSS中几个与换行有关的属性简明总结
2014/04/15 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
什么是就业协议书
2014/04/17 职场文书
党员评议个人总结
2014/10/20 职场文书
健康状况证明模板
2014/10/23 职场文书