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 相关文章推荐
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 Javascript
jQuery中removeProp()方法用法实例
Jan 05 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
Jul 01 Javascript
原生js实现水平方向无缝滚动
Jan 10 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
Mar 08 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
Mar 29 Javascript
AngularJS动态添加数据并删除的实例
Feb 27 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
Jun 24 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
javascript之Object.assign()的痛点分析
Mar 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为php增加openssl模块的方法
2011/06/14 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
javascript随机显示背景图片的方法
2015/06/18 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
2018/07/30 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
Python fileinput模块使用实例
2015/06/03 Python
python 公共方法汇总解析
2019/09/16 Python
常用的10个Python实用小技巧
2020/08/10 Python
解决pip安装的第三方包在PyCharm无法导入的问题
2020/10/15 Python
CSS3 transform的skew属性值图文详解
2014/07/21 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
2017/07/17 HTML / CSS
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
会计毕业生求职简历的自我评价
2013/10/20 职场文书
给医务人员表扬信
2014/01/12 职场文书
给客户的道歉信
2014/01/13 职场文书
档案室主任岗位职责
2014/02/12 职场文书
安全大检查实施方案
2014/02/22 职场文书
高中军训感想300字
2014/03/04 职场文书
总经理人事任命书
2014/06/05 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL
介绍一下28个JS常用数组方法
2022/05/06 Javascript
MySQL解决Navicat设置默认字符串时的报错问题
2022/06/16 MySQL
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS