点击发送验证码设置60S倒计时时间
<input type="text" id="telephone" name="telephone" placeholder="手机号"/>
<input type="text" value="" name="checkedcode" placeholder="请输入验证码"/>
<input type="button" onclick="sendCode(this)" value="获取验证码" />
<script type="text/javascript">
var clock = '';
var nums = 60;
var btn;
function sendCode(thisBtn) {
var tel = $("#telephone").val();
var reg = /^1[3,4,5,7,8,][0-9]{9}$/;
var flag = reg.test(tel);
if(!flag){
alert("手机号输入格式错误!");
return;
}
$.ajax({
type: "GET",
url: "/regist/sendSms",
data: {"telephone":tel},
success:function(){}
});
btn = thisBtn;
btn.disabled = true;
btn.value = nums + '秒后重新获取';
clock = setInterval(doLoop, 1000);
}
function doLoop() {
nums--;
if (nums > 0) {
btn.value = nums + '秒后重新获取';
} else {
clearInterval(clock);
btn.disabled = false;
btn.value = '重新获取验证码';
nums = 60;
}
}
</script>