前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来复制代码
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport"> <title>60s倒计时</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> </head> <body> <input type="button" value="邮箱验证码" οnclick="sendVerificationCode(this)" /> <script type="text/javascript"> //发送验证码按钮的60s倒计时 var countdown = 60; function sendVerificationCode(obj) { if(countdown == 0) { obj.removeAttribute("disabled"); obj.value = "重新获取"; countdown = 60; return; } else { obj.setAttribute("disabled", true); obj.value = "重新(" + countdown + ")"; countdown--; } setTimeout(function() { sendVerificationCode(obj) }, 1000) } </script> </body> </html>