废话少说,直接上代码:

<!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. MySQL 索引知识整理（创建高性能的索引）

    前言: 索引优化应该是对查询性能优化的最有效的手段了.索引能够轻易将查询性能提高几个数量级. // 固态硬盘驱动器有和机械硬盘启动器,有着完全不同的性能特性: 然而即使是固态硬盘,索引的原则依然成立, ...

  2. LeetCode OJ：Combination Sum III（组合之和III）

    Find all possible combinations of k numbers that add up to a number n, given that only numbers from ...

  3. 高可用-软件heartbeat的入门介绍

    注:参考互联网整理. 一.简介Linux-HA的全称是High-Availability Linux,它是一个开源项目,这个开源项目的目标是:通过社区开发者的共同努力,提供一个增强linux可靠性(r ...

  4. np.unique 的实现

    1. 简单实现 import numpy as np def unique(ar): perm = ar.argsort() aux = ar[perm] flag = np.concatenate( ...

  5. 让camera实现类似cs第一人称视角旋转和位移

    直接把这个脚本挂在摄像机上就可: using System.Collections; using System.Collections.Generic; using UnityEngine; /* * ...

  6. [Luogu3852][TJOI2007]小朋友

    luogu 题意 求弦图的最大独立集. sol 按照完美消除序列一个个贪心选即可. code #include<cstdio> #include<algorithm> #inc ...

  7. [Luogu4177][CEOI2008]order

    luogu sol 这题有点像网络流24题里面的太空飞行计划啊. 最大收益=总收益-最小损失. 先令\(ans=\sum\)任务收益. 源点向每个任务连容量为收益的边. 每个机器向汇点连容量为购买费用 ...

  8. TP中登录验证

    loginpro 1.建立控制器 loginController.calss.php <?php namespace Admin\Controller; header('Content-type ...

  9. Linux驱动 - 多线程之 完成量

    Linux 系统提供了一种比信号量更好的同步机制,即完成量(completion ,它用于一个执行单元等待另一个执行单元执行完某事. Linux 系统中与 completion 相关的操作主要有以下 ...

  10. [转] CentOS系统目录学习

    最近初学Linux 对linux的目录产生了很多疑问,看到这篇文章,让我顿时对目录有了一个清晰的认识!推荐给大家! ------------------------------------------ ...