javaScript同意等待代码实现心得
更新时间：2011年01月01日 19:18:11 作者：
javaScript功能描述：本程序实现在同意某某协议页面对同意按钮进行十秒钟的禁用，同时在按钮的Value显示倒计时。
正确源程序如下：
<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按钮解析出来后就可以去到值，程序就可以实现功能了。
复制代码 代码如下:
<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按钮解析出来后就可以去到值，程序就可以实现功能了。
相关文章
这篇文章主要为大家详细介绍了js实现内置计时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了JavaScript控制语句及搭建前端服务器,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04![[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例](//img.jbzj.com/images/xgimg/bcimg2.png)
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
下面小编就为大家带来一篇[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
今天小编大家分享一篇layer.open 获取不到表单信息的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了对象伪装来实现继承。我们在这里先来说一下这种方式的优缺点2014-05-05
这篇文章主要介绍了a标签中href=""的几种用法 ,需要的朋友可以参考下2017-08-08
Firefox 包含了一个非标准的 JavaScript 扩展，使正则像函数一样可调用。2008-04-04
要将PCM文件转换为MP3文件,您可以使用Js实现,这篇文章主要给大家介绍了关于如何用js将blob为pcm格式转换为MP3格式的相关资料,需要的朋友可以参考下2023-11-11
这里使用JS实现网页上的霓虹灯文字特效代码特效，运行效果看一下，你会看到文字的颜色像霓虹灯一样，连续不停变化，五颜六色的，很炫的样子，所以就叫做霓虹文字，也可以叫他文字变色效果，下面跟着小编一起学习JavaScript制作霓虹灯文字 代码特效，需要的朋友一起学习吧2015-09-09
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
这篇文章主要介绍了js实现类似iphone的网页滑屏解锁功能,结合完整实例形式分析了javascript动态操作页面元素实现解锁效果的相关实现技巧，并附带供读者源码下载参考,需要的朋友可以参考下2019-06-06
![[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例](http://img.jbzj.com/images/xgimg/bcimg2.png)
最新评论