编程 Javascript

javascript实现十秒钟后注册按钮可点击的方法

Posted in Javascript onMay 13, 2015

本文实例讲述了javascript实现十秒钟后注册按钮可点击的方法。分享给大家供大家参考。具体分析如下：

1.注册按钮初始状态为不可用,disabled
2.启动定时器，setInterval,1秒钟运行一次CountDown方法，设定一个初始值为10的全局变量,
在CountDown方法中对全局变量倒数,然后将倒数的值写到注册按钮上(请仔细阅读协议(还剩8秒))。
3.直到全局变量的值<=0,就让注册按钮可用，将按钮的文本设置为"同意!"

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 var MyCount = 10;
 var intervalID;
 function CountDown() {
  var btnReg = document.getElementById("btnReg");
  if (btnReg) {
  //此处要加上btnReg是否为空的判断，
  //因为有可能网速很慢,setInterval后，btnReg按钮还没加载
  if (MyCount <= 0) {
   btnReg.disabled = ""; //或者btnReg.disabled="disabled"也可以
   btnReg.value = "同意";
   clearInterval(intervalID); //清除定时器
  }
  else {
   btnReg.value = "请仔细阅读协议(还剩" + MyCount + "秒)";
   MyCount--;
  }
  }
 }
 intervalID=setInterval("CountDown()", 1000);
 </script>
</head>
<body>
 <textarea>请同意本站的协议</textarea><br />
 <input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

javascript实现十秒钟后注册按钮可点击的方法

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 遍历json数组的实现代码

Sep 22 Javascript

实现变速回到顶部的JavaScript代码

May 09 Javascript

纯JavaScript实现HTML5 Canvas六种特效滤镜示例

Jun 28 Javascript

jquery插件之定时查询待处理任务数量

May 01 Javascript

总结JavaScript中布尔操作符||与&&的使用技巧

Nov 17 Javascript

JS简单实现无缝滚动效果实例

Aug 24 Javascript

javascript实现无法关闭的弹框

Nov 27 Javascript

jQuery实现百度登录框的动态切换效果

Apr 21 jQuery

vue 使用Jade模板写html,stylus写css的方法

Feb 23 Javascript

微信小程序自定义组件实现tabs选项卡功能

Jul 14 Javascript

微信小程序拍照和摄像功能实现方法示例

Feb 01 Javascript

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题

Nov 29 Javascript

javascript中clipboardData对象用法详解

May 13 #Javascript

javascript实现在网页任意处点左键弹出隐藏菜单的方法

May 13 #Javascript

浅谈jQuery中replace()方法

May 13 #Javascript

js实现仿Windows风格选项卡和按钮效果实例

May 13 #Javascript

JS实现模拟风力的雪花飘落效果

May 13 #Javascript

JavaScript实现鼠标点击后层展开效果的方法

May 13 #Javascript

浅谈javascript中的闭包

May 13 #Javascript