//HTML:
<div class="layui-form-item">
<input class="layui-yanzheng" id="rcode" name="code" placeholder="请输入验证码" type="text" autocomplete="off">
<input class="layui-btnr" type="button" name="" lay-submit="" lay-filter="codes" id="btnSendCodes" value="获取验证码" />
<p class="rtishi">请输入您获取的验证码</p>
</div>
//jQuery:
//倒计时
var countdown=30; //倒计时秒数
//console.log(1)
function sendemail(){
var btnSendCode = $("#btnSendCodes");
settime(btnSendCode);
}
function settime(btnSendCode) { //发送验证码倒计时
if (countdown == 0) {
btnSendCode.attr('disabled',false);
btnSendCode.html("获取验证码");
countdown = 30;
$('#btnSendCode').attr('onclick','Verification()');
$('#rLi').css({
'background':'#ffffff',
'cursor':' pointer',
' pointer-events':'none'
});
$('#btnSendCode').css({
' pointer-events':'none',
'cursor':' pointer',
'color':'#337abe'
})
$('#btnSendCodes').val("获取验证码")
return;
} else {
btnSendCode.attr('disabled',true);
$('#btnSendCode').removeAttr('onclick');
$('#rLi').css({
'background':'#c0c0c0',
'disabled':true,
'cursor':' progress',
' pointer-events':'none'
});
$('#btnSendCode').css({
' pointer-events':'none',
'cursor':' progress',
'color':'red'
})
btnSendCode.val("重新发送(" + countdown + ")");
countdown--;
}
setTimeout(function() {
settime(btnSendCode)
},1000)
}
var countdown=30; //倒计时秒数
//console.log(1)
function sendemail(){
var btnSendCode = $("#btnSendCodes");
settime(btnSendCode);
}
function settime(btnSendCode) { //发送验证码倒计时
if (countdown == 0) {
btnSendCode.attr('disabled',false);
btnSendCode.html("获取验证码");
countdown = 30;
$('#btnSendCode').attr('onclick','Verification()');
$('#rLi').css({
'background':'#ffffff',
'cursor':' pointer',
' pointer-events':'none'
});
$('#btnSendCode').css({
' pointer-events':'none',
'cursor':' pointer',
'color':'#337abe'
})
$('#btnSendCodes').val("获取验证码")
return;
} else {
btnSendCode.attr('disabled',true);
$('#btnSendCode').removeAttr('onclick');
$('#rLi').css({
'background':'#c0c0c0',
'disabled':true,
'cursor':' progress',
' pointer-events':'none'
});
$('#btnSendCode').css({
' pointer-events':'none',
'cursor':' progress',
'color':'red'
})
btnSendCode.val("重新发送(" + countdown + ")");
countdown--;
}
setTimeout(function() {
settime(btnSendCode)
},1000)
}