编程 Javascript

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实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】

- Author -

包子源

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用Greasemonkey 脚本收藏网站会员信息到本地

Oct 26 Javascript

在JS数组特定索引处指定位置插入元素的技巧

Aug 24 Javascript

JavaScript设计模式之策略模式实例

Oct 10 Javascript

Jquery中使用show()与hide()方法动画显示和隐藏图片

Oct 08 Javascript

jQuery实现textarea自动增长宽高的方法

Dec 18 Javascript

JavaScript实现移动端滑动选择日期功能

Jun 21 Javascript

js闭包用法实例详解

Dec 13 Javascript

浅谈vuex actions和mutation的异曲同工

Dec 13 Javascript

详解vue 动态加载并注册组件且通过 render动态创建该组件

May 30 Javascript

微信小程序列表时间戳转换实现过程解析

Oct 12 Javascript

解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题

Sep 11 Javascript

如何使用RoughViz可视化Vue.js中的草绘图表

Jan 30 Vue.js

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中的Memcache详解

2014/04/05 PHP

PHP输出九九乘法表代码实例

2015/03/27 PHP

PHP文件下载实例代码浅析

2016/08/17 PHP

利用PHP如何写APP接口详解

2016/08/23 PHP

phpcms实现验证码替换及phpcms实现全站搜索功能教程详解

2017/12/13 PHP

yii框架结合charjs实现统计30天数据的方法

2020/04/04 PHP

总结AJAX相关JS代码片段和浏览器模型

2007/08/15 Javascript

jQuery EasyUI API 中文文档 - NumberBox数字框

2011/10/13 Javascript

从数据库读取数据后将其输出成html标签的三种方法

2014/10/13 Javascript

jQuery操作cookie方法实例教程

2014/11/25 Javascript

详解JavaScript中void语句的使用

2015/06/04 Javascript

全面解析Bootstrap表单使用方法（表单控件状态）

2015/11/24 Javascript

给before和after伪元素设置js效果的方法

2015/12/04 Javascript

基于jQuery实现表格内容的筛选功能

2016/08/21 Javascript

AngularJS中关于ng-class指令的几种实现方式详解

2016/09/17 Javascript

javascript 正则表达式分组、断言详解

2017/04/20 Javascript

vuex的使用及持久化state的方式详解

2018/01/23 Javascript

JavaScript中AOP的实现与应用

2019/05/06 Javascript

JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析

2020/02/12 Javascript

python基础教程之Hello World!

2014/08/29 Python

Python多线程经典问题之乘客做公交车算法实例

2017/03/22 Python

对Python中Iterator和Iterable的区别详解

2018/10/18 Python

python矩阵/字典实现最短路径算法

2019/01/17 Python

Python的Tkinter点击按钮触发事件的例子

2019/07/19 Python

Django框架视图函数设计示例

2019/07/29 Python

对Pytorch神经网络初始化kaiming分布详解

2019/08/18 Python

Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)

2019/12/11 Python

python 字符串格式化的示例

2020/09/21 Python

介绍CSS3使用技巧5个

2009/04/02 HTML / CSS

文员自我评价怎么写

2013/09/19 职场文书

实习教师个人的自我评价

2013/11/08 职场文书

入团者的自我评价分享

2013/12/02 职场文书

彩妆大赛策划方案

2014/05/13 职场文书

党员干部廉洁承诺书

2014/05/28 职场文书

考试保密承诺书

2014/08/30 职场文书

Vue实现动态查询规则生成组件

2021/05/27 Vue.js