JS 发送验证码60秒后重试

效果图

页面刷新之后，60秒也还是会记录。

由于点击时间是存前端localstroe里的，若事把这个禁用之后还是可以无限发，

看自己的用法了，可以把时间记录到后端

var djs = 60;
$(function () {
    debugger;
    if (window.localStorage.newIndexCurTime != undefined) {
        //倒计时
        var tm = djs - parseInt((new Date().getTime() - parseFloat(window.localStorage.newIndexCurTime)) / 1000);

        if (tm > 0) {
            timeCount(tm, $("#btn"));
        }
    }
});

 

 

 

//倒计时
function timeCount(senderTime,sender) {
    $(sender).attr("disabled", true);
   
    $(sender).val(senderTime + "秒后重试");
    senderTime--;
    var timer =
        setInterval(function () {
            if (senderTime <= 0) {
                $(sender).removeAttr("disabled");
                $(sender).val("获取动态密码");
                clearInterval(timer);
            } else {
                $(sender).val(senderTime + "秒后重试");
                senderTime--;
            }
        }, 1000);

}

 

 

//发验证码
function Sendpwd(sender) {
    Tip('');
    var pwd = $("#dynamicPWD").val();
    var email = $.trim($("#email").val());
    if ($.trim(email) == "") {
        Tip('请输入邮箱');
        $("#email").focus();
        return;
    }
    var reg = new RegExp("^[a-zA-Z0-9_-]+@([a-zA-Z0-9]+\.)+(com|cn|net|org)$");

    if (!reg.test($.trim(email))) {
        Tip('邮箱格式不正确');
        $("#email").focus();
        return;
    }
    Tip('动态密码发送中...');
    $(sender).attr("disabled", true);
    djs = 60;
    //成功之后
    window.localStorage.newIndexCurTime = new Date().getTime();
    //倒计时
    timeCount(djs, sender);
    return;
}

 

<input type="button" id="btn" class="btn_mfyzm" value="获取动态密码" οnclick="Sendpwd(this)">