jQuery实现倒计时按钮功能代码分享-Web前端之家
分类:彩世界官方下载-Web前端

代码一:

{ wait:90, hsTime:function{ if  { $.removeAttr.val; this.wait = 90; } else { var _this = this; $.attr.val('在'+_this.wait+'秒后点此重发'); _this.wait--; setTimeout { _this.hsTime } },}

代码二:

   /*-------------------------------------------*/ var InterValObj; //timer变量,控制时间var count = 5; //间隔函数,1秒执行var curCount;//当前剩余秒数var code = ""; //验证码var codeLength = 6;//验证码长度function sendMessage() { curCount = count; var dealType; //验证方式var uid=$;//用户uidif .attr { dealType = "phone"; } else { dealType = "email"; } //产生验证码for (var i = 0; i < codeLength; i++) { code += parseInt.toString(); } //设置button效果,开始计时 $.attr; $.val("请在" + curCount + "秒内输入验证码"); InterValObj = window.setInterval; //启动计时器,1秒执行一次//向后台发送处理数据 $.ajax({ type: "POST", //用POST方式传输 dataType: "text", //数据格式:JSON url: 'Login.ashx', //目标地址 data: "dealType=" + dealType +"&u&code=" + code, error: function (XMLHttpRequest, textStatus, errorThrown) { }, success: function ; } //timer处理函数function SetRemainTime() { if  { window.clearInterval;//停止计时器 $.removeAttr;//启用按钮 $.val; code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效 } else { curCount--; $.val("请在" + curCount + "秒内输入验证码"); } }  

代码三:

 10之后注册   var leftSeconds = 10;//倒计时时间10秒 var intervalId; $ { $.attr;//设置按钮不可用 intervalId = setInterval;//调用倒计时的方法 }); function CountDown() {//倒计时方法 if  { $; //当时间<=0的时候改变按钮的value $.attr;//如果时间<=0的时候按钮可用 clearInterval; //取消由 setInterval() 设置的 timeout return; } leftSeconds--; $.val("请仔细阅读"+leftSeconds+"秒"); } 10秒之后注册按钮才可以使用

代码四:

    /*-------------------------------------------*/ var InterValObj; //timer变量,控制时间var count = 5; //间隔函数,1秒执行var curCount;//当前剩余秒数var code = ""; //验证码var codeLength = 6;//验证码长度function sendMessage() { curCount = count; var dealType; //验证方式var uid=$;//用户uidif .attr { dealType = "phone"; } else { dealType = "email"; } //产生验证码for (var i = 0; i < codeLength; i++) { code += parseInt.toString(); } //设置button效果,开始计时 $.attr; $.val("请在" + curCount + "秒内输入验证码"); InterValObj = window.setInterval; //启动计时器,1秒执行一次//向后台发送处理数据 $.ajax({ type: "POST", //用POST方式传输 dataType: "text", //数据格式:JSON url: 'Login.ashx', //目标地址 data: "dealType=" + dealType +"&u&code=" + code, error: function (XMLHttpRequest, textStatus, errorThrown) { }, success: function ; } //timer处理函数function SetRemainTime() { if  { window.clearInterval;//停止计时器 $.removeAttr;//启用按钮 $.val; code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效 } else { curCount--; $.val("请在" + curCount + "秒内输入验证码"); } }  

代码五:

最近在写短信发送验证码,就写了个js/jquery倒计时发送验证码按钮var wait=10;function time { t.removeAttribute; t.value="免费获取验证码"; wait = 10; } else { t.setAttribute; t.value="重新发送"; wait--; setTimeout }, 1000) } } $.ready.click { time;

本文由彩世界开奖发布于彩世界官方下载-Web前端,转载请注明出处:jQuery实现倒计时按钮功能代码分享-Web前端之家

上一篇:认识到自己其实对 XSS 下一篇:项目采用的jquery.validate.js验证组件
猜你喜欢
热门排行
精彩图文