zoukankan      html  css  js  c++  java
  • jQuery实现按钮5秒后可以点击

    废话少说,直接上代码:

    <!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>
  • 相关阅读:
    Set / Map 集合 -ES6
    getter/setter
    构造函数-class类 -语法糖 -ES6
    原型链-继承
    创建对象/克隆
    Generator生成器函数- ES6
    iframe跨域访问
    setTimeout延迟加载
    adt新建项目后去掉appcompat_v7的解决方法
    PHP数组的操作
  • 原文地址:https://www.cnblogs.com/YangGC/p/8782972.html
Copyright © 2011-2022 走看看