设置网页一定时间后重新发送验证码(60秒)

版权声明:本文为博主原创文章,采用知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议进行许可。(忽悠....) https://blog.csdn.net/qq_30607881/article/details/77369151

这里废话不多说直接代码提供参考:


var InterValObj; //timer变量,控制时间
var count = 60; //间隔函数,1秒执行
var curCount;//当前剩余秒数
//发送手机验证码
function sendPhoneCode(){
    curCount = count;
    //设置button效果,开始计时
    //$("#btnSendCode").attr("disabled", "true");
    $("#btnSendCode").text(curCount + "秒后重新发送");
    $("#btnSendCode").removeAttr("onclick");
    InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
    if(checkPhoneNum()){        //检查手机号格式
        $.ajax({
            url:"地址",
            type : 'POST',
            data : {
                "user":JSON.stringify({phone_num:$("#phone_num").val(),}),
            },
            dataType : "json",
            success : function(data) {
                layer.msg(data.msg, {icon:data.type});
            }
        })
    }
}
//timer处理函数
function SetRemainTime() {
      if (curCount == 1) {        
        window.clearInterval(InterValObj);//停止计时器
        //$("#btnSendCode").removeAttr("disabled");//启用按钮
        $("#btnSendCode").attr("onclick","sendPhoneCode();");
        $("#btnSendCode").text("免费获取");
      }
      else {
        curCount--;
        $("#btnSendCode").text(curCount + "秒后重新发送");
      }
    }
//验证手机号是否为空
function checkPhoneNum(){
    var phone_num = $("#phone_num").val();

    if(phone_num==""){
        layer.msg("请输入您的手机号码",{icon:0});
        return false;
    }

    return true;
}

猜你喜欢

转载自blog.csdn.net/qq_30607881/article/details/77369151