实现点击“发送验证码”按钮后,按钮依次显示为“59秒后重试”、“58秒后重试”…直至倒计时至0秒时再恢复显示为“发送验证码”。在倒计时期间按钮为禁用状态
PS: 当倒计时开始的时候。 要把 计时器 清了。 不要然会点击, 加快秒数。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function () { var send = document.getElementById('send'), times = 60, timer = null; send.onclick = function () { // 计时开始 timer = setInterval(function () { times--; if (times <= 0) { send.value = '发送验证码'; clearInterval(timer); send.disabled = false; } else { send.value = times + '秒后重试' send.disabled = true; } console.log(times) }, 1000) } } </script> </head> <body> <input type="button" id="send" value="发送验证码"> </body> </html>