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 相关文章推荐
JavaScript 变量作用域分析
Jul 04 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
如何提高数据访问速度
Dec 26 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
JavaScript创建对象_动力节点Java学院整理
Jun 27 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
es6 super关键字的理解与应用实例分析
Feb 15 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
php生成txt文件标题及内容的方法
2014/01/16 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
PHP5多态性与动态绑定介绍
2015/04/03 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
基于jquery的一个浮动框(扩展性比较好 )
2010/08/27 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
2013/07/05 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
JavaScript实现算术平方根算法-代码超简单
2015/09/11 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
vue.js指令v-for使用以及下标索引的获取
2019/01/31 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
2019/08/16 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
微信小程序如何实现radio单选框单击打勾和取消
2020/01/21 Javascript
[02:36]DOTA2英雄基础教程 斯拉克
2013/11/29 DOTA
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
Python 专题三 字符串的基础知识
2017/03/19 Python
python如何求解两数的最大公约数
2018/09/27 Python
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
Html5 canvas实现粒子时钟的示例代码
2018/09/06 HTML / CSS
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
怎样写好自荐信和推荐信
2013/12/26 职场文书
结婚邀请函范文
2014/01/14 职场文书
初婚未育证明
2014/01/15 职场文书
幼儿园2015年度工作总结
2015/04/01 职场文书
党支部综合考察意见
2015/06/01 职场文书