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学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
jquery实现图片灯箱明暗的遮罩效果
Nov 15 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
Jun 13 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
JavaScript 计算笛卡尔积实例详解
Dec 02 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
JS实现图片转换成base64的各种应用场景实例分析
Jun 22 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
js中call()和apply()改变指针问题的讲解
Jan 17 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
微信小程序select下拉框实现效果
May 15 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
AJAX PHP无刷新form表单提交的简单实现(推荐)
2016/09/09 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
newxtree.js代码
2007/03/13 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
JavaScript中按位“异或”运算符使用介绍
2014/03/14 Javascript
JS实现div居中示例
2014/04/17 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
2015/03/02 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
2016/04/12 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
如何让node运行es6模块文件及其原理详解
2018/12/11 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
实例说明Python中比较运算符的使用
2015/05/13 Python
使用pdb模块调试Python程序实例
2015/06/02 Python
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
举例讲解Python的lambda语句声明匿名函数的用法
2016/07/01 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
广告学专业毕业生自荐信
2013/09/24 职场文书
小区门卫工作职责
2013/12/14 职场文书
工作分析计划书
2014/04/30 职场文书
锦旗标语大全
2014/06/23 职场文书
博士生导师推荐信
2014/07/08 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
《悬崖边的树》读后感2篇
2019/12/02 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫
nginx.conf配置文件结构小结
2022/04/08 Servers