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

js中用window.open()打开多个窗口的name问题

Mar 13 Javascript

浅谈JavaScript 框架分类

Nov 10 Javascript

javascript将url中的参数加密解密代码

Nov 17 Javascript

jquery使用animate方法实现控制元素移动

Mar 27 Javascript

初步使用Node连接Mysql数据库

Mar 03 Javascript

微信小程序向左滑动删除功能的实现

Mar 10 Javascript

使用Electron构建React+Webpack桌面应用的方法

Dec 15 Javascript

详解VueJS应用中管理用户权限

Feb 02 Javascript

vue2.0 axios跨域并渲染的问题解决方法

Mar 08 Javascript

微信小程序实现动态显示和隐藏某个控件功能示例

Dec 14 Javascript

Vue中this.$nextTick的作用及用法

Feb 04 Javascript

微信小程序实现选项卡滑动切换

Oct 22 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以mysqli方式连接类完整代码实例

2014/07/15 PHP

PHP 断点续传实例详解

2017/11/11 PHP

js函数模拟显示桌面.scf程序示例

2014/04/20 Javascript

Jquery实现仿腾讯微博发表广播

2014/11/17 Javascript

javascript中DOM复选框选择用法实例

2015/05/14 Javascript

AngularJS的一些基本样式初窥

2015/07/27 Javascript

jQuery实现放大镜效果实例代码

2016/03/17 Javascript

浅析jquery unbind()方法移除元素绑定的事件

2016/05/24 Javascript

Sequelize中用group by进行分组聚合查询

2016/12/12 Javascript

深入了解JavaScript的逻辑运算符（与、或）

2016/12/20 Javascript

JS定时检测任务任务完成后执行下一步的解决办法

2016/12/22 Javascript

[js高手之路]图解javascript的原型(prototype)对象,原型链实例

2017/08/28 Javascript

详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

2018/08/02 Javascript

Angular2中监听数据更新的方法

2018/08/31 Javascript

爬虫利器Puppeteer实战

2019/01/09 Javascript

vue实现抽屉弹窗效果

2020/11/15 Javascript

[03:47]2015国际邀请赛第三日现场精彩回顾

2015/08/08 DOTA

python 中的列表解析和生成表达式

2011/03/10 Python

python登录pop3邮件服务器接收邮件的方法

2015/04/30 Python

Python编程实现微信企业号文本消息推送功能示例

2017/08/21 Python

python中将\\uxxxx转换为Unicode字符串的方法

2018/09/06 Python

TensorFlow 显存使用机制详解

2020/02/03 Python

python两种获取剪贴板内容的方法

2020/11/06 Python

Python tkinter之ComboBox(下拉框)的使用简介

2021/02/05 Python

详解CSS3的图层阴影和文字阴影效果使用

2016/06/09 HTML / CSS

CSS3 实现时间轴动画

2020/11/25 HTML / CSS

请用用Java代码写一个堆栈

2012/01/26 面试题

网络工程与软件技术毕业生自荐信

2013/09/24 职场文书

记者岗位职责

2014/01/06 职场文书

《陶罐和铁罐》教学反思

2014/02/19 职场文书

教师一岗双责责任书

2014/04/16 职场文书

读书活动总结

2014/04/28 职场文书

代收款委托书范本

2014/10/01 职场文书

无子女夫妻离婚协议书（4篇）

2014/10/20 职场文书

2015年司机工作总结

2015/04/23 职场文书

vue项目proxyTable配置和部署服务器

2022/04/14 Vue.js