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

让getElementsByName适应IE和firefox的方法

Sep 24 Javascript

百度地图api如何使用

Aug 03 Javascript

jQuery鼠标悬浮链接弹出跟随图片实例代码

Jan 08 Javascript

相册展示PhotoSwipe.js插件实现

Aug 25 Javascript

微信小程序教程之wxapp视图容器 swiper

Oct 19 Javascript

Bootstrap 下拉多选框插件Bootstrap Multiselect

Jan 22 Javascript

VUE使用vuex解决模块间传值问题的方法

Jun 01 Javascript

微信小程序之绑定点击事件实例详解

Jul 07 Javascript

微信小程序自定义组件

Aug 16 Javascript

微信小程序实现图片预览功能

Jan 31 Javascript

npm全局模块卸载及默认安装目录修改方法

May 15 Javascript

Jquery+javascript实现支付网页数字键盘

Dec 21 jQuery

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 存取 MySQL 数据库的一个例子

2006/10/09 PHP

php在线代理转向代码

2012/05/05 PHP

关于使用coreseek并为其做分页的介绍

2013/06/21 PHP

PHP缓存集成库phpFastCache用法

2014/12/15 PHP

用PHP的socket实现客户端到服务端的通信实例详解

2017/02/04 PHP

基于jquery的自定义鼠标提示效果 jquery.toolTip

2010/11/14 Javascript

Jquery ajaxStart()与ajaxStop()方法(实例讲解)

2013/12/18 Javascript

jQuery中innerWidth()方法用法实例

2015/01/19 Javascript

Nodejs中 npm常用命令详解

2016/07/04 NodeJs

利用JS实现数字增长

2016/07/28 Javascript

jQuery纵向导航菜单效果实现方法

2016/12/19 Javascript

利用NPM淘宝的node.js镜像加速nvm

2017/03/27 Javascript

react-native中ListView组件点击跳转的方法示例

2017/09/30 Javascript

bootstrap响应式导航条模板使用详解（含下拉菜单，弹出框）

2017/11/17 Javascript

用element的upload组件实现多图片上传和压缩的示例代码

2019/02/12 Javascript

[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福

2014/07/12 DOTA

Python访问MySQL封装的常用类实例

2014/11/11 Python

python脚本内运行linux命令的方法

2015/07/02 Python

利用python模拟实现POST请求提交图片的方法

2017/07/25 Python

详解django三种文件下载方式

2018/04/06 Python

python实现贪吃蛇小游戏

2020/03/21 Python

对python判断ip是否可达的实例详解

2019/01/31 Python

Django处理Ajax发送的Get请求代码详解

2019/07/29 Python

python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法

2019/08/27 Python

TensorFlow的环境配置与安装教程详解（win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5）

2020/06/22 Python

如何使用python-opencv批量生成带噪点噪线的数字验证码

2020/12/21 Python

鼠标滚轮事件和Mac触控板双指事件

2019/12/23 HTML / CSS

施华洛世奇澳大利亚官网：SWAROVSKI澳大利亚

2017/01/06 全球购物

Onzie官网：美国时尚瑜伽品牌

2019/08/21 全球购物

小学生演讲稿

2014/01/12 职场文书

2014年民政局关于保密工作整改措施

2014/09/19 职场文书

最感人的道歉情书

2015/05/12 职场文书

简短清晨问候语

2015/11/10 职场文书

导游词创作书写原则以及开场白技巧怎么学？

2019/09/25 职场文书

原生Js 实现的简单无缝滚动轮播图的示例代码

2021/05/10 Javascript

Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解

2022/08/14 Python