<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现倒计时60秒的简单代码(推荐)</title> </head> <body> <input type="button" id="btn" value="获取验证码" onclick="settime(this)" /> <script type="text/javascript">
// countdown 最好是后台传过来的值 var countdown=60; function settime(val) { if (countdown == 0) { val.removeAttribute("disabled");
// 两种方法都可以
// val.disabled = false val.value="获取验证码"; countdown = 60; } else { val.setAttribute("disabled", true);
// 两种方法都可以
// val.disabled = true val.value=countdown + "秒后重新发送"; countdown--; setTimeout(function() { settime(val) },1000) } } </script> </body> </html>