编程 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 相关文章推荐

prototype class详解

Sep 07 Javascript

JavaScript 放大镜移动镜片效果代码

May 09 Javascript

ko knockoutjs动态属性绑定技巧应用

Nov 14 Javascript

js汉字转拼音实现代码

Feb 06 Javascript

jQuery插件MixItUp实现动画过滤和排序

Apr 12 Javascript

js过滤HTML标签完整实例

Nov 26 Javascript

体验jQuery和AngularJS的不同点及AngularJS的迷人之处

Feb 02 Javascript

原生JS封装Ajax插件(同域、jsonp跨域)

May 03 Javascript

Bootstrap选项卡学习笔记分享

Feb 13 Javascript

form表单序列化详解（推荐）

Aug 15 Javascript

Vue组件通信的四种方式汇总

Feb 08 Javascript

深入浅析JavaScript中的in关键字和for-in循环

Apr 20 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

You might like

PHP以mysqli方式连接类完整代码实例

2014/07/15 PHP

laravel orm 关联条件查询代码

2019/10/21 PHP

JavaScript 事件属性绑定带参数的函数

2009/03/13 Javascript

浅谈JavaScript之事件绑定

2013/07/08 Javascript

JavaScript学习笔记之内置对象

2015/01/22 Javascript

jquery复选框多选赋值给文本框的方法

2015/01/27 Javascript

javascript结合fileReader 实现上传图片

2015/01/30 Javascript

JavaScript使用shift方法移除素组第一个元素实例分析

2015/04/06 Javascript

jQuery实现动态表单验证时文本框抖动效果完整实例

2015/08/21 Javascript

纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示

2015/09/12 Javascript

js操作数组函数实例小结

2015/12/10 Javascript

jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)

2016/01/22 Javascript

js ajaxfileupload.js上传报错的解决方法

2016/05/05 Javascript

js插件dropload上拉下滑加载数据实例解析

2016/07/27 Javascript

jQuery EasyUI 组件加上“清除”功能实例详解

2017/04/11 jQuery

Vue.js构建你的第一个包并在NPM上发布的方法步骤

2019/05/01 Javascript

Angular实现svg和png图片下载实现

2019/05/05 Javascript

如何在 Vue 表单中处理图片

2021/01/26 Vue.js

[01:14]辉夜杯战队访谈宣传片—NEWBEE.Y

2015/12/26 DOTA

在Python的循环体中使用else语句的方法

2015/03/30 Python

python matplotlib画图实例代码分享

2017/12/27 Python

Python对List中的元素排序的方法

2018/04/01 Python

tensorflow实现简单的卷积神经网络

2018/05/24 Python

Python一键查找iOS项目中未使用的图片、音频、视频资源

2019/08/12 Python

pyhton中__pycache__文件夹的产生与作用详解

2019/11/24 Python

python中sympy库求常微分方程的用法

2020/04/28 Python

详解pyinstaller生成exe的闪退问题解决方案

2020/06/19 Python

为什么相对PHP黑python的更少

2020/06/21 Python

CSS3 @font-face属性使用指南

2014/12/12 HTML / CSS

详解通过HTML5 Canvas实现图片的平移及旋转变化的方法

2016/03/22 HTML / CSS

西班牙英格列斯百货法国官网：El Corte Inglés法国

2017/07/09 全球购物

可爱的童装和鞋子：Fabkids

2019/08/16 全球购物

伊琍体标语

2014/06/25 职场文书

年底个人总结范文

2015/03/10 职场文书

农村党支部承诺书

2015/04/30 职场文书