编程 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调试工具（下载）

Jan 09 Javascript

JavaScript中的Document文档对象

Jan 16 Javascript

javascript与CSS复习(三)

Jun 29 Javascript

jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)

Jan 16 Javascript

javascript浏览器兼容教程之事件处理

Jun 09 Javascript

jQuery实现文章图片弹出放大效果

Apr 06 jQuery

AngularJS使用ocLazyLoad实现js延迟加载

Jul 05 Javascript

vue2中的keep-alive使用总结及注意事项

Dec 21 Javascript

JavaScript实现点击出现图片并统计点击次数功能示例

Jul 23 Javascript

JS立即执行函数功能与用法分析

Jan 15 Javascript

原生JS实现烟花效果

Mar 10 Javascript

es6数组的flat()，flatMap()函数用法实例分析

Apr 18 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支持页面回退的两种方法

2008/01/10 PHP

PHP 时间转换Unix时间戳代码

2010/01/22 PHP

PHP5.4中json_encode中文转码的变化小结

2013/01/30 PHP

PHP获取mysql数据表的字段名称和详细信息的方法

2014/09/27 PHP

php查询相似度最高的字符串的方法

2015/03/12 PHP

PHP生成及获取JSON文件的方法

2016/08/23 PHP

jQuery 对象中的类数组操作

2009/04/27 Javascript

浅谈javascript中的作用域

2012/04/07 Javascript

jQuery使用数组编写图片无缝向左滚动

2012/12/11 Javascript

js禁止页面使用右键(简单示例代码)

2013/11/13 Javascript

关闭浏览器时提示onbeforeunload事件

2013/12/25 Javascript

js select实现省市区联动选择

2020/04/17 Javascript

基于JavaScript实现滑动门效果

2017/03/16 Javascript

Bootstrap Table使用整理(一)

2017/06/09 Javascript

vue-resouce设置请求头的三种方法

2017/09/12 Javascript

p5.js入门教程和基本形状绘制

2018/03/15 Javascript

Vue中插入HTML代码的方法

2018/09/21 Javascript

详解在Javascript中进行面向切面编程

2019/04/28 Javascript

微信小程序template模板与component组件的区别和使用详解

2019/05/22 Javascript

[11:44]Ti9 OG夺冠时刻

2019/08/25 DOTA

Python的Django框架中消息通知的计数器实现教程

2016/06/13 Python

Python获取指定文件夹下的文件名的方法

2018/02/06 Python

python验证码识别教程之利用投影法、连通域法分割图片

2018/06/04 Python

使用Python微信库itchat获得好友和群组已撤回的消息

2018/06/24 Python

Python 实现Windows开机运行某软件的方法

2018/10/14 Python

解决python3 安装完Pycurl在import pycurl时报错的问题

2018/10/15 Python

win10下安装Anaconda的教程（python环境+jupyter_notebook)

2019/10/23 Python

对python中 math模块下 atan 和 atan2的区别详解

2020/01/17 Python

程序设计HTML5 Canvas API

2013/04/08 HTML / CSS

Kaufmann Mercantile官网：家居装饰、配件、户外及更多

2018/09/28 全球购物

Eagle Eyes Optics鹰眼光学：高性能太阳镜

2018/12/07 全球购物

HolidayLettings英国：预订最好的度假公寓、别墅和自助式住宿

2019/08/27 全球购物

俄罗斯游戏商店：Buka

2020/03/01 全球购物

公司活动总结怎么写

2014/06/25 职场文书

2014年物流工作总结

2014/11/25 职场文书

vue+element ui实现锚点定位

2021/06/29 Vue.js