l1n6yun's Blog

记录学习的技能和遇到的问题

0%

js简单实现60秒倒计时

html代码

1
<input type="button" value="获取验证码" onclick="setTime(this)"/>

js代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var countdown = 60;

function setTime(val) {
if (countdown === 0) {
val.removeAttribute("disabled");
val.value = "免费获取验证码";
countdown = 60;
} else {
val.setAttribute("disabled", true);
val.value = "重新发送(" + countdown + ")";
countdown--;
setTimeout(function () {
setTime(val)
}, 1000)
}
}