jquery html5 实现倒计时

获取验证码

$.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('
该手机号已被注册
');
            setTimeout(function(){
                $('.tip-box').remove();
            },1000);
        }else{
            //发送失败
            //alert("发送失败");
             $('body').append('
发送失败
');
            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);
    }
}