话不多说,直接上代码
//发送验证码的按钮
<button type="button" id="dyMobileButton">发送验证码</button>
//记得引用 JS 的样式
$("#dyMobileButton").click(function ()
{
//设置时间为60
var time = 60;
//设置定时器
setInterval(function ()
{
//进入定时器,秒数减一
time--;
//判断秒数是否大于0
if(time > 0)
{
//将内容进行更改
$("#dyMobileButton").html('重新发送'+time+'秒');
//并且使用 disabled 函数,作用是按钮变成灰色无法点击
$("#dyMobileButton").prop('disabled',true);
}
else
{
//时间归0后将内容再次改变
$("#dyMobileButton").html('发送验证码');
//关闭 disabled 函数,可以正常点击
$("#dyMobileButton").prop('disabled',false);
}
},1000);
}