遞迴實現獲取簡訊驗證碼按鈕時間倒計時顯示功能
阿新 • • 發佈:2019-02-06
使用遞迴實現獲取簡訊驗證碼的按鈕時間顯示倒計時功能,程式碼十分簡潔易懂。
具體demo實現:
<html> <head> <meta charset="utf-8"> <title></title> <script src="jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#sendMess").click(function(){ $("#sendMess").attr("disabled", ""); countDown(5); }) }); function countDown(s){ if(s <= 0){ $("#sendMess").val("重新獲取"); $("#sendMess").removeAttr("disabled"); return; } $("#sendMess").val(s + "秒後重新獲取"); setTimeout("countDown("+(s-1)+")",1000); } </script> </head> <body> <label>手機號碼:</label> <input id="mobile" type="text" value="" /> <input id="sendMess" type="button" value="傳送驗證碼" /></p> </body> </html>