jquery ajax回调函数中实现按钮置灰倒计时
2013-11-18 17:52
190 查看
主要是实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时,刚开始一直报js错误,问题可能出在于调用ajax之后this被更新,随意在这之前先把this对象赋给一个变量就没问题
按钮倒计时代码
获取手机短信之后调用get_code_time函数代码
按钮倒计时代码
var wait = 60; get_code_time = function (o) { if (wait == 0) { o.removeAttribute("disabled"); o.value = "免费获取验证码"; wait = 60; } else { o.setAttribute("disabled", true); o.value = "(" + wait + ")秒后重新获取"; wait--; setTimeout(function() { get_code_time(o) }, 1000) } }
获取手机短信之后调用get_code_time函数代码
//重新获取验证码 $('#codeagain').click(function() { var o = this; $.ajax({ url:"Tea_sendCode.action?jsoncallback=?", type:"post", data: {accountId:accountId}, dataType: "json", success: function (data) { if(data.status == 1 && data.code == 200){ alert("验证码已发送至您的手机"); get_code_time(o); } else { if(data.msg != ""){ alert(data.msg); } else { alert("短信验证码发送失败"); } } }, error: function (data) { if(data.status == 0) { alert(data.msg); } else { alert("短信验证码发送失败"); } } }); });
相关文章推荐
- 自定义Button之实现点击按钮实现倒计时功能
- 使用NSTimer计时器实现简单的按钮倒计时功能
- 按钮被点击后屏蔽点击且倒计时60S能再次被点击和JS实现和JQuery实现
- Button按钮的倒计时实现的一个帮助类
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- Sencha Touch实现按钮点击倒计时
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码
- 实现启动app,首页倒计时跳转,也可点击按钮进行跳转
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jQuery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码(未测试)
- js实现模拟自动点击按钮,并且在10秒倒计时之后疯狂点击
- CountDownTimer实现点击按钮倒计时
- 源码推荐(8.14):500行实现类似美团的多级下拉选择菜单,验证码倒计时按钮
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码
- Jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- angularjs使用directive实现倒计时按钮
- JS实现自动倒计时30秒后按钮才可用
- 获取短信验证码时的倒计时按钮实现