js/jquery倒计时发送验证码按钮

简介:

 最近在写短信发送验证码,就写了个JS倒计时发送验证码按钮

Java代码   收藏代码
  1. <script language="javascript" src="jquery-1.7.1.min.js"></script>  
  2. <input type="button" id="btn" value="获取验证码"/>  
  3. <script type="text/javascript">  
  4.     var wait = resetWait = 60;  
  5.     function timer(t) {  
  6.         if (wait == 0) {  
  7.             t.removeAttribute("disabled");  
  8.             t.value = "获取验证码";  
  9.             wait = resetWait;  
  10.         } else {  
  11.             t.setAttribute("disabled"true);  
  12.             t.value = "重新发送(" + wait + ")";  
  13.             wait--;  
  14.             setTimeout(function(){ timer(t) }, 1000);  
  15.         }  
  16.     }  
  17.     $("#btn").click(function () {  
  18.         timer(this);  
  19.         sendSMS(mobile, sendType);  
  20.     });  
  21.         
  22.     function sendSMS(mobile, sendType){  
  23.         $.ajax({  
  24.             type: 'POST',  
  25.             url: '/verify/index',  
  26.             data: {mobile: mobile, type: sendType},  
  27.             success: function () {  
  28.             }  
  29.         });  
  30.     }  
  31. </script>  

 

相关文章
|
1月前
|
JSON JavaScript 数据格式
jqtimeline.js-简单又好用的jquery时间轴插件
jqtimeline.js-简单又好用的jquery时间轴插件
|
3月前
|
JavaScript 前端开发 UED
jquery实现文字点选验证码
通过上述步骤,可以使用jQuery实现一个功能完整、易用的文字点选验证码系统。该系统不仅能够有效防止自动化攻击,还可以通过友好的交互提升用户体验。希望本文的详解能够为开发者提供有价值的参考,帮助实现高效的验证码功能。
111 14
|
7月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
5月前
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
120 14
|
5月前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
90 5
|
5月前
|
JavaScript
jQuery+css3制作精美的2024圣诞节倒计时页面
jQuery+css3制作精美的2024圣诞节倒计时页面动画
52 0
jQuery+css3制作精美的2024圣诞节倒计时页面
|
6月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
135 3
|
5月前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
71 0
|
6月前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
68 0
|
6月前
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
39 0