编程 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文件示例代码

May 10 Javascript

json属性名为什么要双引号(个人猜测)

Jul 31 Javascript

js鼠标点击图片切换效果代码分享

Aug 26 Javascript

在JavaScript中如何解决用execCommand(

Oct 19 Javascript

JS中的forEach、$.each、map方法推荐

Apr 05 Javascript

BootStrap智能表单实战系列(十一)级联下拉的支持

Jun 13 Javascript

自己封装的一个原生JS拖动方法(推荐)

Nov 22 Javascript

react高阶组件经典应用之权限控制详解

Sep 07 Javascript

Vue-路由导航菜单栏的高亮设置方法

Mar 17 Javascript

对Vue.js之事件的绑定(v-on: 或者 @ )详解

Sep 15 Javascript

JS异步宏队列微队列原理详解

Sep 09 Javascript

vue项目中使用rem,在入口文件添加内容操作

Nov 11 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