js按钮点击后几秒内不可用 按钮倒计时禁用

来源:互联网 发布:怎么破解软件 编辑:程序博客网 时间:2024/06/10 04:23
设置发送验证码的按钮30s之后才可以在发送
function timer(time) {    var btn = $("#emailbutton");    btn.attr("disabled", true);  //按钮禁止点击    btn.val(time <= 0 ? "发送动态密码" : ("" + (time) + "秒后可发送"));    var hander = setInterval(function() {        if (time <= 0) {            clearInterval(hander); //清除倒计时            btn.val("发送动态密码");            btn.attr("disabled", false);            return false;        }else {            btn.val("" + (time--) + "秒后可发送");        }    }, 1000);}$(function() {    $('#emailbutton').on('click',function () {        alert('已发送验证码至你的邮箱,请查收');        //ajax发送        var json=JSON.stringify($("#email").serializeObject());        //console.log("=========="+json);        //调用方法        timer(30);        $.ajax({            type:"POST",            url:"RegisterAction_sendEmail.do",            contentType:"application/json",            dataType:"html json",            data:json,            success:function (data) {                var jsondata = eval("("+data+")");                var result = jsondata.state;                console.log(result);            }        })    })
原创粉丝点击