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

javascript读写XML实现广告轮换(兼容IE、FF)

Aug 09 Javascript

JS使用oumousemove和oumouseout动态改变图片显示的方法

Mar 31 Javascript

js仿苹果iwatch外观的计时器代码分享

Aug 26 Javascript

JS+CSS实现带有碰撞缓冲效果的竖向导航条代码

Sep 15 Javascript

js跨域请求数据的3种常用的方法

Dec 01 Javascript

js实现的xml对象转json功能示例

Dec 24 Javascript

微信小程序 Buffer缓冲区的详解

Jul 06 Javascript

vue组件之间通信方式实例总结【8种方式】

Feb 22 Javascript

封装一下vue中的axios示例代码详解

Feb 16 Javascript

JS端基于download.js实现图片、视频时直接下载而不是打开预览

May 09 Javascript

Bootstrap告警框（alert）实现弹出效果和短暂显示后上浮消失的示例代码

Aug 27 Javascript

JavaScript实现原型封装轮播图

Dec 27 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使用GIFEncoder类生成gif动态滚动字幕

2014/07/01 PHP

PHP实现支持SSL连接的SMTP邮件发送类

2015/03/05 PHP

Textarea与懒惰渲染实现代码

2012/01/04 Javascript

javascript 系统文件夹文件操作及参数介绍

2013/01/08 Javascript

jQuery事件绑定on()、bind()与delegate() 方法详解

2015/06/03 Javascript

js代码实现无缝滚动(文字和图片)

2015/08/20 Javascript

seajs加载jquery时提示$ is not a function该怎么解决

2015/10/23 Javascript

使用javaScript动态加载Js文件和Css文件

2015/10/24 Javascript

JS组件Bootstrap实现下拉菜单效果代码

2016/04/26 Javascript

js获取页面引用的css样式表中的属性值方法(推荐)

2016/08/19 Javascript

jQuery Dialog 取消右上角删除按钮事件

2016/09/07 Javascript

前端分页功能的实现以及原理（jQuery）

2017/01/22 Javascript

开发Vue树形组件的示例代码

2017/12/21 Javascript

Javascript Promise用法详解

2018/05/10 Javascript

JavaScript 下载svg图片为png格式

2018/06/21 Javascript

详解react阻止无效重渲染的多种方式

2018/12/11 Javascript

vue实现todolist基本功能以及数据存储功能实例详解

2019/04/11 Javascript

Vue-cli3.X使用px2 rem遇到的问题及解决方法

2019/08/08 Javascript

vue-property-decorator用法详解

2019/12/12 Javascript

vue2.0 解决抽取公用js的问题

2020/07/31 Javascript

python将图片文件转换成base64编码的方法

2015/03/14 Python

用python写扫雷游戏实例代码分享

2018/05/27 Python

Python 移动光标位置的方法

2019/01/20 Python

使用IDLE的Python shell窗口实例详解

2019/11/19 Python

python IDLE添加行号显示教程

2020/04/25 Python

法国综合购物网站：RueDuCommerce

2016/09/12 全球购物

加拿大高尔夫超市：Golf Town

2018/01/12 全球购物

世界上最受欢迎的钓鱼诱饵：Rapala

2019/05/02 全球购物

全球精选男装和家居用品：Article

2020/04/13 全球购物

Myprotein亚太地区：欧洲第一在线运动营养品牌

2020/12/20 全球购物

前台领班岗位职责

2013/12/04 职场文书

反腐倡廉演讲稿

2014/05/22 职场文书

我的中国梦演讲稿500字

2014/08/19 职场文书

卖房授权委托书样本

2014/10/05 职场文书

物业公司管理制度

2015/08/05 职场文书

Sentry的安装、配置、使用教程(Sentry日志手机系统)

2022/07/23 Python