废话少说,直接上代码:

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>按钮5秒后可以点击</title>

        <script type="text/javascript" src="js/jquery.min.js">

        </script>

        <script >

            setTimeout(function(){

                $("button[name = 'btn']").removeAttr("disabled");

            },5000);

        </script>

    </head>

    <body>

        <div>

            <button name="btn" disabled>同意</button>

        </div>

    </body>

</html>

在按钮上实现倒计时效果:

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>按钮倒数5秒后才能点击</title>

    </head>

    <!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->

   <script src="js/jquery-2.1.1.min.js"></script>

   <body>

        <button type="button" id="test" disabled>点击(5)</button>

    </body>

    <script type="text/javascript">

        var i=5;

        var timehwnd=setInterval("Countdown()",1000);

        function Countdown(){

            i--;

            if(i == 0){

                $("button[id='test']").html("点击");

                $("button[id='test']").removeAttr("disabled");

                clearInterval(timehwnd);

            }else{

                $("button[id='test']").html("点击("+i+")");

            }

        }

    </script>

</html>

jQuery实现按钮5秒后可以点击的更多相关文章

  1. jquery实现停留半秒后再选择

    jquery实现tab停留半秒后,选中菜单.切换tab下的内容: var showHandler=null; function init(){ $("#tab_ul").find( ...

  2. js jquery 按钮点击后 60秒之后才能点击 60秒倒计时

    var wait = 60; function time(o) { if (wait == 0) { $(o).attr("disabled", false); $(o).val( ...

  3. Jquery 禁用 a 标签 onclick 事件30秒后可用

    <a href="javascript:;" id="sendToTel" >发送短信</a> <script type=&quo ...

  4. 防止按钮button重复提交，点击后失效，10秒后恢复

    <script type="text/javascript"> $(function () {//页面完全加载完后执行 /*防止重复提交 10秒后恢复*/ var is ...

  5. 弹出层提示，X秒后关闭

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD ...

  6. js弹框3秒后自动消失

    开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法 ...

  7. jquery倒计时按钮常用于验证码倒计时

    <!doctype html><html><head> <meta charset="utf-8"> <title>jq ...

  8. 【JS】【3】标签显示几秒后自动隐藏

    $("#XXX").show().delay(2000).hide(0); 2000,0:可选,速度,(毫秒:"slow":"fast") ...

  9. 微信H5支付时用户有微信分身停留5秒后未选择哪个微信分身，也未支付就被动回调到商户支付是否完成的页面

    微信H5支付时用户有微信分身停留5秒后未选择哪个微信分身,也未支付就被动回调到商户支付是否完成的页面 微信支付中间页调起微信收银台后超过5秒 安卓H5支付设置了redirect_url后调起微信收银台 ...

随机推荐

  1. Django-form补充

    Django_form补充 问题1:  注册页面输入为空,报错:keyError:找不到password def clean(self): print("---",self.cle ...

  2. Codeforces Round #266 (Div. 2)B（暴力枚举）

    很简单的暴力枚举,却卡了我那么长时间,可见我的基本功不够扎实. 两个数相乘等于一个数6*n,那么我枚举其中一个乘数就行了,而且枚举到sqrt(6*n)就行了,这个是暴力法解题中很常用的性质. 这道题找 ...

  3. OpenCV - opencv3 图像处理 之 图像缩放（ python与c++实现 ）

    转自:https://www.cnblogs.com/dyufei/p/8205121.html 一. 主要函数介绍 1) 图像大小变换 cvResize () 原型: voidcvResize(co ...

  4. Visualforce入门第二篇_2017.3.1

    代码实现类似Html的表单(Form) <apex:page sidebar="false" standardController="Account"&g ...

  5. Maven Build错误。

    错误: No goals have been specified for this build. You must specify a valid lifecycle phase or a goal ...

  6. POJ2236(并查集入门)

    Wireless Network Time Limit: 10000MS   Memory Limit: 65536K Total Submissions: 22977   Accepted: 961 ...

  7. 运行jar应用程序引用其他jar包的三种常用方法（jar命令）

    参考:http://blog.csdn.net/wangmuming/article/details/44343017 方法一.使用Extension Classloader来加载 你可以把需要加载的 ...

  8. 开发环境入门 linux基础 （部分）nginx和nfs

    nginx和nfs 复习总结 rpm -ivh 软件包 --nodeps (没有依赖性安装) rpm -ivh 软件包 --force (覆盖安装) yum -y upgrade 升级所有包,不改变软 ...

  9. appium_python 怎样实现参数化自动生成用例

    1.对于一种对同一个页面同一点 要用不同数据测试形成多条测试用例,如果复制的话 会让代码很冗长,并且并不好维护,现在用封装的方法把 不变的代码 和 变化的参数 分别封装,形成动态 生成测试用例 ,主要 ...

  10. java 多线程系列基础篇（八）之join()、start()、run()方法

    1. join()介绍 join() 定义在Thread.java中.join() 的作用:让“主线程”等待“子线程”结束之后才能继续运行.这句话可能有点晦涩,我们还是通过例子去理解: // 主线程 ...