jquery ajax的success回调函数中实现按钮置灰倒计时


Posted in Javascript onNovember 19, 2013

主要是实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时,刚开始一直报js错误,问题可能出在于调用ajax之后this被更新,随意在这之前先把this对象赋给一个变量就没问题

按钮倒计时代码

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("短信验证码发送失败"); 
} 
} 
}); 
});
Javascript 相关文章推荐
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
javascript的变量、传值、传址、参数之间关系
Jul 26 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 Javascript
深入理解vue.js双向绑定的实现原理
Dec 05 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
js鼠标经过tab选项卡时实现切换延迟
Mar 24 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
微信上传视频文件提示(推荐)
Nov 22 Javascript
对于防止按钮重复点击的尝试详解
Apr 22 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
小程序瀑布流组件实现翻页与图片懒加载
May 19 Javascript
详解jQuery插件开发中的extend方法
Nov 19 #Javascript
Js 导出table内容到Excel的简单实例
Nov 19 #Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 #Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
Nov 19 #Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 #Javascript
js计算两个时间之间天数差的实例代码
Nov 19 #Javascript
JS获取当前网址、主机地址项目根路径
Nov 19 #Javascript
You might like
php中用文本文件做数据库的实现方法
2008/03/27 PHP
PHP 开发环境配置(Zend Server安装)
2010/04/28 PHP
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
2016/11/25 PHP
php变量与JS变量实现不通过跳转直接交互的方法
2017/08/25 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
JavaScript中的变量作用域介绍
2014/12/31 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
Vue.JS入门教程之自定义指令
2016/12/08 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[01:08:00]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python编码时应该注意的几个情况
2013/03/04 Python
Python编程之序列操作实例详解
2017/07/22 Python
python实现中文文本分句的例子
2019/07/15 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
使用keras时input_shape的维度表示问题说明
2020/06/29 Python
详解KMP算法以及python如何实现
2020/09/18 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
英语专业毕业生自荐信
2013/10/28 职场文书
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
销售演讲稿范文
2014/01/08 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
大二学年个人总结
2015/03/03 职场文书
企业党员岗位承诺书
2015/04/27 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
python基于opencv批量生成验证码的示例
2021/04/28 Python
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL