獲取驗證碼和重置效果
阿新 • • 發佈:2019-01-07
<!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></title> <script src="js/jquery-1.11.3.min.js"></script> <script type="text/javascript"> var countdown=60; function settime(obj) { if (countdown === 0) { obj.removeAttribute("disabled"); obj.value="免費獲取驗證碼"; countdown = 60; return; } else { obj.setAttribute("disabled", true); obj.value="重新發送(" + countdown + ")"; countdown--; } setTimeout(function() { settime(obj) } ,1000) } $(function () { $('button').click(function () { countdown=0; }) }) </script> <body> <input type="button" id="btn" value="免費獲取驗證碼" onclick="settime(this)" /> <button>重置</button> </body> </html>