编程 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 相关文章推荐

封装好的省市地区联动控件附下载

Aug 13 Javascript

javascript实现的在当前窗口中漂浮框的代码

Mar 15 Javascript

jQuery简单实现banner图片切换

Jan 02 Javascript

jQuery中用dom操作替代正则表达式

Dec 29 Javascript

Javascript实现的SHA-256加密算法完整实例

Feb 02 Javascript

JS实现根据用户输入分钟进行倒计时功能

Nov 14 Javascript

jQuery-mobile事件监听与用法详解

Nov 23 Javascript

浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序

Feb 19 Javascript

javascript回调函数的概念理解与用法分析

May 27 Javascript

MUI 实现侧滑菜单及其主体部分上下滑动的方法

Jan 25 Javascript

vue 实现路由跳转时更改页面title

Nov 05 Javascript

vue项目,代码提交至码云,iconfont的用法说明

Jul 30 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

Cakephp 执行主要流程

2010/03/24 PHP

php生成zip文件类实例

2015/04/07 PHP

javascript 控制弹出窗口

2007/04/10 Javascript

jQuery JSON实现无刷新三级联动实例探讨

2013/05/28 Javascript

JS脚本defer的作用示例介绍

2014/01/02 Javascript

jQuery实现的向下图文信息滚动效果

2015/05/03 Javascript

jQuery检测某个元素是否存在代码分享

2015/07/09 Javascript

jQuery热气球动画半透明背景的后台登录界面代码分享

2015/08/28 Javascript

JavaScript实现点击单元格改变背景色的方法

2016/02/12 Javascript

JavaScript实现复制或剪切内容到剪贴板功能的方法

2016/05/23 Javascript

js判断价格,必须为数字且不能为负数的实现方法

2016/10/07 Javascript

使用json来定义函数,在里面可以定义多个函数的实现方法

2016/10/28 Javascript

javascript实现圣旨卷轴展开效果（代码分享）

2017/03/23 Javascript

JavaScript中数组常见操作技巧

2017/09/01 Javascript

Vue中用props给data赋初始值遇到的问题解决

2018/11/27 Javascript

javascript触发模拟鼠标点击事件

2019/06/26 Javascript

vue使用swiper实现中间大两边小的轮播图效果

2019/11/24 Javascript

nodejs开发一个最简单的web服务器实例讲解

2020/01/02 NodeJs

[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan

2014/07/15 DOTA

Python连接DB2数据库

2016/08/27 Python

Python中%r和%s的详解及区别

2017/03/16 Python

Python 模拟员工信息数据库操作的实例

2017/10/23 Python

shell命令行,一键创建 python 模板文件脚本方法

2018/03/20 Python

tensorflow1.0学习之模型的保存与恢复(Saver)

2018/04/23 Python

Python设计模式之建造者模式实例详解

2019/01/17 Python

python树莓派红外反射传感器

2019/01/21 Python

对python 多线程中的守护线程与join的用法详解

2019/02/18 Python

python获取txt文件词向量过程详解

2019/07/05 Python

Django 通过JS实现ajax过程详解

2019/07/30 Python

用Python绘制漫步图实例讲解

2020/02/26 Python

H5 canvas实现贪吃蛇小游戏

2017/07/28 HTML / CSS

HTML利用九宫格原理进行网页布局

2020/03/13 HTML / CSS

以设计师精品品质提供快速时尚：PopJulia

2018/01/09 全球购物

主治医师岗位职责

2013/12/10 职场文书

宾馆卫生管理制度

2015/08/06 职场文书

公司财务制度：成本管理控制制度模板

2019/11/19 职场文书