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

来源:互联网 发布:上古卷轴5捏脸数据 编辑:程序博客网 时间:2024/05/16 06:18

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


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;}
阅读全文
1 0
原创粉丝点击