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获取随机验证码，倒计时效果相关推荐

利用JS生成随机验证码
1.首先给定一个盒子 2.然后给这个盒子随便设置一点样式 3.js部分 window.οnlοad=function(){ var arr=['0','1','2','3','4','5','6',' ...
利用js来制作简单倒计时效果
利用JavaScript函数做一个简单的倒计时 <script>// 代码如下:function countDown(time) {var nowTime = +new Date(); / ...
js获取classname值_利用js获取元素class值的两种方法
我们有时为了达到某种效果,需要以元素的class值为条件做判断. 我们如何利用JavaScript获取元素class的值?我们先看下面代码: x=document.getElementsByTagNa ...
利用js获取滚动条滚动距离，实现图片固定在屏幕的某个位置
利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置思路: 1.获取对象距离顶部和左侧的距离: 2.获取元素对象: 3.当滚动条滚动时获取滚动条滚动的距离: 4.滚动条滚动时执行函数:对象距离顶 ...
手机直播系统开发中关于iOS获取图形验证码功能
在手机直播系统开发中关于iOS获取图形验证码功能介绍,首先进入注册页面后请求图形验证码接口获取图形验证码的数字组合,然后加载到相应的页面上,在图形验证码页面我们定义了几个属性,字符串的数量.显示的线条 ...
python群发手机短信_python实现发送和获取手机短信验证码
首先为大家分享python实现发送手机短信验证码后台方法,供大家参考,具体内容如下 1.生成4位数字验证码 def createPhoneCode(session): chars=['0','1',' ...
JS写的随机数倒计时效果
JS写的倒计时效果过程: 1.随机生成4-10之间的随机数 2.随机数是几就从几开始倒计时 3.开始倒计时 4.到 0 时倒计时结束(或者点击也可以停止倒计时) 来康康效果图片吧这里我加了个数字小 ...
利用JS获取IE客户端IP及MAC的实现
B/S结构的系统时,我们常常需要获取客户端的一些信息,如IP和MAC,以结合身份验证.在ASP.NET中,要获取服务器端的MAC很容易,但是要获取客户端的MAC的地址确要花费一翻心思,通常的做法是调用 ...
利用JS获取数值判断年龄
首先先了解一下JS JS的全称是 JavaScript JavaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机 ...

JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果

JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果相关推荐

最新文章

热门文章