jquery html5 实现倒计时

<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);
    }
}
     
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提供了三个函式 1 everyTime 时间间隔 [计时器名称] 函式名称 [次数限制] [等待函式程序完成] 2 oneTime 时间间隔 [计时器名称] 呼叫的函式 3 stopTime [计时器名称] [函式名称] everyTime 时间间隔 [计时器名称] 函式名称 [次数限制] [等待函式程序完成] 每1秒执行函式test function test { do something } $ "body" everyTime "1s" test ; 每1秒执行 $ "body" everyTime "1s" function { do something } ; 每1秒执行 并命名计时器名称为A $ "body" everyTime "1s" "A" function { do something } ; 每20秒执行 最多5次 并命名计时器名称为B $ "body" everyTime "2das" "B" function { do something } 5 ; 每20秒执行 无限次 并命名计时器名称为C 若时间间隔抵到 但函式程序仍未完成则需等待执行函式完成后再继续计时 $ "body" everyTime "2das" "C" function { 执行一个会超过20秒以上的程式 } 0 true ; oneTime 时间间隔 [计时器名称] 呼叫的函式 倒数10秒后执行 $ "body" oneTime "1das" function { do something } ; 倒数100秒后执行 并命名计时器名称为D $ "body" oneTime "1hs" "D" function { do something } ; stopTime [计时器名称] [函式名称] 停止所有的在$ "body" 上计时器 $ "body" stopTime ; 停止$ "body" 上名称为A的计时器 $ "body" stopTime "A" ; 停止$ "body" 上所有呼叫test 的计时器 $ "body" stopTime test ; 自定义时间单位 打开源代码 找到 powers: { Yeah this is major overkill "ms": 1 "cs": 10 "ds": 100 "s": 1000 "das": 10000 "hs": 100000 "ks": 1000000 }">提供了三个函式 1 everyTime 时间间隔 [计时器名称] 函式名称 [次数限制] [等待函式程序完成] 2 oneTime 时间间隔 [计时器名称] 呼叫的函式 3 stopTime [计时器名称] [函式名称] [更多]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值