當前位置：
首頁 >
JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果
發布時間：2025/6/17
71
豆豆
生活随笔
收集整理的這篇文章主要介紹了
JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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获取随机验证码，倒计时效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： VS2013试用期结束后如何激活
- 下一篇： SpringBoot 使用fastjso