JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】


Posted in Javascript onApril 19, 2018

本文实例讲述了JS实现的倒计时恢复按钮点击功能。分享给大家供大家参考,具体如下:

倒计时时间到后,恢复按钮点击,常用于阅读协议:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>3water.com 阅读协议倒计时</title>
    <script>
      var tim=9;
      function aaa(){
        var btnn=document.getElementById("btn");
        if(tim<=0)
        {
          btnn.value="注册";
          btnn.disabled="";
        }
        else
        {
          btnn.value="请仔细阅读,还剩"  +tim+"秒";
          tim--;
        }
      }
      setInterval("aaa()",1000);
    </script>
  </head>
  <body>
    <textarea style="width: 500px;height: 300px;">
    </textarea>
    <input type="button" id="btn" value="请仔细阅读,还剩10秒" disabled="disabled" />
  </body>
</html>

运行结果:

JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】

Javascript 相关文章推荐
JS控制日期显示的小例子
Nov 23 Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 Javascript
微信小程序通过一个json实现分享朋友圈图片
Sep 03 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 #Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 #Javascript
详解react-redux插件入门
Apr 19 #Javascript
vuex state及mapState的基础用法详解
Apr 19 #Javascript
使用vuex的state状态对象的5种方式
Apr 19 #Javascript
react redux入门示例
Apr 19 #Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 #Javascript
You might like
PHP之数组学习
2011/05/29 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
php使用curl实现ftp文件下载功能
2017/05/16 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
关于Javascript模块化和命名空间管理的问题说明
2010/12/06 Javascript
jquery 淡入淡出效果的简单实现
2014/02/07 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
JSON与XML优缺点对比分析
2015/07/17 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
Vue中的组件及路由使用实例代码详解
2019/05/22 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
django drf框架中的user验证以及JWT拓展的介绍
2019/08/12 Python
解决Python中回文数和质数的问题
2019/11/24 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
多视角3D可旋转的HTML5 Logo动画
2016/03/02 HTML / CSS
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
经典c++面试题六
2012/01/18 面试题
Java如何读取CLOB字段
2013/10/10 面试题
电脑教师的教学自我评价
2013/11/26 职场文书
学雷锋感言
2015/08/03 职场文书
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL
CSS实现渐变色边框(Gradient borders)的5种方法
2022/03/25 HTML / CSS