zoukankan      html  css  js  c++  java
  • Jquery 禁用 a 标签 onclick 事件30秒后可用

    <a href="javascript:;" id="sendToTel" >发送短信</a>
    
    <script type="text/javascript">
            $(document).ready(function () {
                $("#sendToTel").click(function () {
                    var mobile = $("#txtMobile").val();
                    $.ajax({
                        type: "POST",
                        url: "/Ajax/SmsAddress.ashx",
                        data: "Mobile=" + mobile + "",
                        dataType: "text",
                        success: function (msg) {
                                $("#sendToTel").html("<i>发送成功</i>");
                                //在这里禁用30秒  然后才可以重新点
                        }
                    });
                });
    
                var canSend;
                function updateTime(time) {
                    var linkBtn = $("#sendToTel");
                    linkBtn.html(time <= 0 ? "<i>发送短信</i>" : ("<i>" + time + "秒后可重新发送</i>"));
                    var hander = setInterval(function () {
                        if (time <= 0) {
                            canSend = false;
                            clearInterval(hander);
                            linkBtn.html("<i>发送短信</i>");
                            linkBtn.removeAttr("disabled");
                        }
                        else {
                            canSend = true;
                            linkBtn.attr({ "disabled": "disabled" });
                            linkBtn.html("<i>" + time + "秒后可重新发送</i>");
                        }
                    }, 1000);
                }
            });
        </script>
  • 相关阅读:
    mysql修改表
    MySQL sql优化(摘抄自文档)
    mysql show操作
    mysql load data infile
    mysql Insert强化
    mysql group_concat
    HTML js 复习
    mysql开发实战8问
    不使用Ajax,如何实现表单提交不刷新页面
    跨域的方式总结
  • 原文地址:https://www.cnblogs.com/SoraAoi/p/3216557.html
Copyright © 2011-2022 走看看