手机验证码发送倒计时

查看演示 下载资源 下载积分： 30 积分

var InterValObj; //timer变量，控制时间
var count = 60; //间隔函数，1秒执行
var curCount;//当前剩余秒数

function sendMessage() {

    var telephone = $("[name='telephone']").val();
    //验证手机号格式
    var mobile = /^1([3578]\d|4[57])\d{8}$/;
    if (telephone && mobile.test(telephone)) {
        curCount = count;
        //设置button效果，开始计时
                $("#btnSendCode").attr("disabled", "true");
        $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
        InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
        //向后台发送处理数据
                $.ajax({
                    type: "POST", //用POST方式传输
                    dataType: "text", //数据格式:JSON
                    url: 'Login.ashx', //目标地址
                    data: "dealType=" + dealType + "&uid=" + uid + "&code=" + code,
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                    },
                    success: function(msg) {
                    }
                });
    } else {
        alert('请输入手机号');
        $("[name='telephone']").focus();
        return false;
    }

    
}

//timer处理函数
function SetRemainTime() {
    if (curCount == 0) {
        window.clearInterval(InterValObj);//停止计时器
        $("#btnSendCode").removeAttr("disabled");//启用按钮
        $("#btnSendCode").val("重新发送验证码");
    }
    else {
        curCount--;
        $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
    }
}