jquery html5 实现倒计时

最新推荐文章于 2019-10-30 19:35:39 发布

代码三哥

最新推荐文章于 2019-10-30 19:35:39 发布

阅读量915

点赞数

本文链接：https://blog.csdn.net/zhanghua0324/article/details/81484710

版权

<a class="get-confirmcode" href="#" onClick="codeNock();">获取验证码</a>

$.ajax({
    url:"${basePath}/sendcodereg.htm",
    type:"post",
    data:{mobile:$("#mobile").val(),checkCode:$("#checkCode").val()},
    success:function(data){
        if(data == 1){
            //发送成功
            //alert("发送成功");
            $(".get-confirmcode").html('60秒后重新获取');
            $(".get-confirmcode").attr('data-t','60');
            $(".get-confirmcode").attr("onClick","");
            $(".get-confirmcode").css("color","gray");
            $("#mobile").attr("readonly","readonly");
            setTimeout(countDown, 1000);
        }else if(data == 2){
            $('body').append('<div class="tip-box" style="z-index:99999"><div class="tip-body"><h3>该手机号已被注册</h3></div></div>');
            setTimeout(function(){
                $('.tip-box').remove();
            },1000);
        }else{
            //发送失败
            //alert("发送失败");
             $('body').append('<div class="tip-box" style="z-index:99999"><div class="tip-body"><h3>发送失败</h3></div></div>');
            setTimeout(function(){
                $('.tip-box').remove();
            },1000);
        }
    }
})

function countDown(){
    var time = $(".get-confirmcode").attr('data-t');
    $(".get-confirmcode").html((time - 1)+"秒后重新获取");
    $(".get-confirmcode").attr('data-t',(time - 1));
    time = time - 1;
    if (time < 1) {
        $(".get-confirmcode").attr("onClick","codeNock();");
        $(".get-confirmcode").html("获取验证码");
        $(".get-confirmcode").css("color","red");
        $("#mobile").removeAttr("readonly");
    } else {
        setTimeout(countDown, 1000);
    }
}