<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> #getCode { width: 9rem; height: 3rem; line-height: 3rem; font-size: 1.2rem; background-color: #3a3a3a; color: #fff; border-radius: 0.8rem; border: none; text-align: center; } #getCode[disabled] { background-color: #B6B6B6; } </style> <body> <button id="getCode" class="disabled">获取验证码</button> </body> <script> window.onload = function () { //获取验证码 var getCode = document.getElementById(‘getCode‘); var wait = 60; function time(btn) { if (wait === 0) { btn.disabled=false; btn.innerHTML = "获取验证码"; wait = 60; } else { btn.disabled=true; btn.innerHTML = wait + "秒后重试"; wait--; setTimeout(function() { time(btn); }, 1000); } } getCode.onclick = function() { time(this); }; } </script> </html>
原文：http://www.cnblogs.com/QianBoy/p/7641456.html