1 var random=""; 2 function getMessages(button){ 3 //前臺倒計時 4 front(button); 5 //請求后臺發送驗證碼 6 behind(); 7 } 8 9 ///后臺發送短信 10 function behind (){ 11 //隨機碼 12 random=getRandom(); 13 var tel=document.getElementById("tel").value; 14 $.post("<%=path%>/sendSmsServlet.action",{tel:tel,random:random},function(data){ 15 16 }); 17 } 18 19 //前臺實現倒計時 20 function front(button){ 21 //前臺倒計時 22 var count = 60; 23 button.value = count + "s后可重新獲取驗證碼"; 24 //將按鈕設置為不可點擊 25 button.setAttribute("disabled", "disabled"); 26 var time = setInterval(function() { 27 count--; 28 button.value = count + "s后可重新獲取驗證碼"; 29 if (count <= 0) { 30 //關閉定時器 31 clearInterval(time); 32 //改變按鈕標題 33 button.value = "獲取驗證碼"; 34 button.removeAttribute("disabled"); 35 } 36 }, 1000); 37 } 38 39 //獲取四位隨機完整碼 40 function getRandom(){ 41 var str=""; 42 for(var i=0;i<4;i++){ 43 var num=parseInt(Math.random()*1000000000%10); 44 str+=num; 45 } 46 return str; 47 } 48

?

轉載于:https://www.cnblogs.com/ztt0918/p/8855061.html

總結

以上是生活随笔為你收集整理的JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。