前端页面代码
<div class="f">
<div class="font"><span>*</span>联系手机</div>
<div class="inputvalue">
<input type="text" id="inputtext">
<div class="btn_yzm">
<button type="button">获取验证码</button>
</div>
<div class="warn">
<img src="static/image/warn.png">
<p>联系手机不能为空</p>
</div>
</div>
</div>
JQery实现60秒倒计时
var time = 60;
$('.btn_yzm button').click(function () { //点击实现验证码倒计时
var obj = $(".btn_yzm button");
countdown(obj);
});
function countdown(obj) { //发送验证码倒计时
if (time == 0) {
obj.attr('disabled', false);
obj.html("获取验证码");
time= 60;
return;
} else {
obj.attr('disabled', true);
obj.html("重新发送(" + time+ ")");
time--;
}
setTimeout(function () {
countdown(obj)
}, 1000)
}