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 相关文章推荐
实现只能输入数字的input不用replace方法
Sep 12 Javascript
js中top的作用深入剖析
Mar 04 Javascript
JS/Jquery判断对象为空的方法
Jun 11 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
Jul 14 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
vue 里面使用axios 和封装的示例代码
Sep 01 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
JavaScript中reduce()的5个基本用法示例
Jul 19 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
2008/12/25 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
2014/05/11 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
2015/08/27 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
2019/08/26 Javascript
vue登录注册实例详解
2019/09/14 Javascript
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
python如何查看系统网络流量的信息
2016/09/12 Python
python安装numpy&amp;安装matplotlib&amp; scipy的教程
2017/11/02 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
Python txt文件如何转换成字典
2020/11/03 Python
纯CSS3实现表单验证效果(非常不错)
2017/01/18 HTML / CSS
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
教导处工作制度
2014/01/18 职场文书
项目合作协议书
2014/04/16 职场文书
学雷锋活动总结范文
2014/04/25 职场文书
关爱老人标语
2014/06/21 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
财务经理岗位职责
2015/01/31 职场文书
教师工作态度自我评价
2015/03/05 职场文书
python爬虫selenium模块详解
2021/03/30 Python
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android