標籤：
在寫註冊頁面時，有時候需要發送註冊郵件來擷取驗證碼，但是為了防止多次重複發送郵件，
必須讓按鈕隔一段時間後才能再次使用。
代碼如下：
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>驗證碼按鈕</title> 5 </head> 6 <body> 7 <button type="button" id="send">發送驗證碼</button> 8 <script type="text/javascript"> 9 wait = 60;10 function wait_time(btn) {11 if (wait == 0) {12 btn.removeAttribute("disabled");13 btn.innerText = "發送驗證碼";14 wait = 60;15 } else {16 btn.setAttribute("disabled", true);17 btn.innerText = wait+"秒後重新發送";18 wait--;19 setTimeout(function(){wait_time(btn);},1000);20 }21 }22 document.getElementById(‘send‘).onclick = function(){wait_time(this)};23 </script>24 </body> 25 </html>
js實現發送驗證碼倒計時按鈕
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
