首页 > 代码库 > jquery实现获取手机验证码倒计时效果
jquery实现获取手机验证码倒计时效果
<!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>
<input id="mobile" type="text" value="" />
<input id="sendMess" type="button" value="http://www.mamicode.com/发送验证码" /></p>
</body>
</html>
<script type="text/javascript">
$(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实现获取手机验证码倒计时效果