10s后再次获取手机验证码

一般手机验证码获取都会加个间隔时间

js代码如下：

function getDxCode(btn){
var reg = /^1[3|4|5|7|8][0-9]{9}$/; //验证规则
var mobilenum = document.getElementById("shoujih").value;
var flag = reg.test(mobilenum); //true
if(!flag){alert("请输入正确的手机号码"); return;}
//alert(mobilenum);
$.ajax({
type:"post",
url:"<%=request.getContextPath() %>/admin/ywtw/send_dx_code.jsp",
dataType:"text",
data:{"mobilenum":mobilenum},
success: function(json){
alert('send success');
}
});
time(btn);
}
//等待时间（测试时间为10秒）
var wait = 120;
function time(btn) {
if (wait == 0) {
btn.removeAttribute("disabled");
btn.innerHTML = "获取";
wait = 120;
} else {
btn.setAttribute("disabled", true);
btn.innerHTML = wait + "秒后重新获取";
wait--;
setTimeout(function () {
time(btn);
},1000)
}
}

html代码如下：

//οnclick="sendCode(this)，传入按钮自身对象this

<div class="tabCon_a">
<input type="text" class="shoujih" name="shoujih" id="shoujih" value="" placeholder="手机号"/><br />
<div class="getsjyzm"><input type="text" name="dxcode" class="passW" id="dxcode" value="" placeholder="手机验证码"/>

<span class="getYzm" onClick="getDxCode(this);" style="width:110px">获取</span></div>
</div>

 

参考原博：

https://blog.csdn.net/X_0101/article/details/108224395