在我們進行注冊用戶時經常遇到點擊按鈕後,60秒倒計時後才能繼續可以點擊,按鈕上還能顯示倒計時,這60秒時間就是為大家提供”細閱讀協議“做准備的,這種功能是如何實現的,下面為大家分享詳細代碼。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>倒計時然後才可以點擊效果代碼</title> <script type="text/javascript"> var s=4; function countsub() { var btnReg=document.getElementById("btnReg"); if(btnReg) { if(s<=0) { btnReg.value="同意"; btnReg.disabled=false; clearInterval(id); } else { btnReg.value="請仔細閱讀協議(還剩"+s+"秒)"; s--; } } } var id = setInterval('countsub()',1000) </script> </head> <body> <textarea>注冊協議</textarea> <input id="btnReg" type="button" value="同意" disabled="true" /> </body> </html>
希望本文所述對大家學習javascript程序設計有所幫助。