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>  

 

时间: 2025-01-01 05:14:42

js/jquery倒计时发送验证码按钮的相关文章

jQuery实现发送验证码并60秒倒计时功能_jquery

本文给大家分享一段js代码关于实现验证码功能并在60秒后倒计时功能.废话不多说了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta content="width=device-width,initial-scale=1.0,ma

Js实现手机发送验证码时按钮延迟操作_javascript技巧

实例代码记录: <script type="text/javascript"> function start_sms_button(obj){ var count = 1 ; var sum = 30; var i = setInterval(function(){ if(count > 10){ obj.attr('disabled',false); obj.val('发送验证码'); clearInterval(i); }else{ obj.val('剩余'+pa

js实现发送验证码后的倒计时功能_javascript技巧

之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用 特别说明:      cookie最初创建的有效时间是60秒.也就是说,你如果在倒计时为20的时候,关闭网页.20秒之后再打开,是不会有倒计时显示的;但是,如果倒计时为20时,关闭页面,如果在20秒内重新打开页面,是有倒计时显示的. html代码 <input id="second"

jQuery实现的手机发送验证码倒计时效果代码分享_jquery

这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果: 首先检测手机是否符合1开头,11位数字的格式: 若不符合,则提示错误信息并返回false: 否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: --------------------------------效果演示

js实现发送验证码后的倒计时功能

  之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用 特别说明: cookie最初创建的有效时间是60秒.也就是说,你如果在倒计时为20的时候,关闭网页.20秒之后再打开,是不会有倒计时显示的;但是,如果倒计时为20时,关闭页面,如果在20秒内重新打开页面,是有倒计时显示的. html代码 ? 1 <input id="second"

jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码

原文链接:http://www.cnblogs.com/steed-zgf/archive/2012/02/03/2336984.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)_jquery

相关阅读: 基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能) 今天测试提了一个bug,发送短信倒计时功能,要求关闭页面也要进行倒计时.这想到了,当年我参与的周杰伦演唱会的先付先抢功能.与之类似,只不过,那个项目的时间都是服务器时间,本人目前有点偷懒,就用客户端的时间了. 一下是完整的代码,只不过在客户端的效率不是很好. <!doctype html> <html lang="en"> <head> <meta

jquery实现手机发送验证码的倒计时代码

 这篇文章主要介绍了jquery实现手机发送验证码的倒计时代码,需要的朋友可以参考下  代码如下: var wait=60;//时间  function time(o,p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变  if (wait == 0) {  o.removeAttr("disabled");  o.val("点击发送验证码");//改变按钮中value的值  p.html("如果您在1分钟内没有收到验证码,请检查您填写的

纯js实现重发验证码按钮倒数功能

  这篇文章主要介绍了纯js实现重发验证码按钮倒数功能,本文整理了两个实现代码,需要的朋友可以参考下 代码一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml