當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果
生活随笔
收集整理的這篇文章主要介紹了
JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1 var random="";
2 function getMessages(button){
3 //前臺(tái)倒計(jì)時(shí)
4 front(button);
5 //請(qǐng)求后臺(tái)發(fā)送驗(yàn)證碼
6 behind();
7 }
8
9 ///后臺(tái)發(fā)送短信
10 function behind (){
11 //隨機(jī)碼
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 //前臺(tái)實(shí)現(xiàn)倒計(jì)時(shí)
20 function front(button){
21 //前臺(tái)倒計(jì)時(shí)
22 var count = 60;
23 button.value = count + "s后可重新獲取驗(yàn)證碼";
24 //將按鈕設(shè)置為不可點(diǎn)擊
25 button.setAttribute("disabled", "disabled");
26 var time = setInterval(function() {
27 count--;
28 button.value = count + "s后可重新獲取驗(yàn)證碼";
29 if (count <= 0) {
30 //關(guān)閉定時(shí)器
31 clearInterval(time);
32 //改變按鈕標(biāo)題
33 button.value = "獲取驗(yàn)證碼";
34 button.removeAttribute("disabled");
35 }
36 }, 1000);
37 }
38
39 //獲取四位隨機(jī)完整碼
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
?
轉(zhuǎn)載于:https://www.cnblogs.com/ztt0918/p/8855061.html
總結(jié)
以上是生活随笔為你收集整理的JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： VS2013试用期结束后如何激活
- 下一篇： 【读书笔记】简约至上-交互式设计四策略