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>  

 

相关文章
|
9天前
|
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下测试正常
|
2月前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
32 1
|
2月前
|
资源调度 JavaScript API
nest.js + sms 实现短信验证码登录
本文介绍了在Nest.js框架中集成短信验证码登录的实现方案,详细阐述了使用阿里云短信服务的配置流程、资质申请、短信模板设置,并提供了API调用示例和工程代码的运行步骤。
nest.js + sms 实现短信验证码登录
|
2月前
|
前端开发 JavaScript 开发者
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
本文提供了一个前端JS按钮点击事件、弹出式窗口和遮罩层的实战示例,包括HTML、CSS和JavaScript的具体实现代码,以及功能解析,演示了如何实现按钮点击后触发弹窗显示和遮罩层,并在2秒后自动关闭或点击遮罩层关闭弹窗的效果。
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
|
2月前
|
JavaScript 前端开发
js随机验证码
js随机验证码
32 2
|
2月前
|
JavaScript 前端开发
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
31 2
|
2月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
29 2
|
2月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
17 1
|
2月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
31 0
|
2月前
|
JavaScript 索引
js倒计时功能
js倒计时功能
32 0