jquery实现获取手机验证码倒计时效果

浏览数：27 / 时间：2015年06月11日

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

</head>
<body>

$(function(){

$("#sendMess").click ( function () {
        var mobile=$("#mobile").val();
        if(""!=$.trim(mobile)){
           curCount = count;
           $("#sendMess").attr("disabled","true");
           $("#sendMess").val("请在" + curCount + "秒内输入验证码");
           InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
           /* $.ajax({
                type: "POST",
                url: "/Test/sendMess",
                data:{mobile:mobile},
                success: function(mess) {
                　　alert(mess);
                    });
                }
            });*/
        }else{
            alert("请输入手机号！")
        }

});

});

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

jquery实现获取手机验证码倒计时效果