初学分享,一起成长!希望大神路过多指点!!!
HTML
<!--验证码-->
<div class="registe-exambox">
<div class="exam-inputbox">
<input type="text" name="examcode" id="examcode" value="" placeholder=" 验证码" />
</div>
<!-- 验证码按钮 -->
<button class="exam-text" type="button">获取验证码</button>
</div>
jQuery
//视需求添加一个触发函数封装本方法
var elseTime = 60;
setTime();
function setTime(){
if(elseTime == 0){
$(".exam-text").removeAttr("disabled");
$(".exam-text").css({"background-color":"#3f9f5f","cursor":"pointer"});
$(".exam-text").html("获取验证码");
elseTime = 60;
return;
}else{
$(".exam-text").attr("disabled","disabled");
$(".exam-text").css({"background-color":"lightgray","cursor":"not-allowed"});
$(".exam-text").html("重新发送(" + elseTime + ")");
elseTime--;
}
setTimeout(setTime,1000);