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


Posted in Javascript onFebruary 12, 2014
var wait=60;//时间 
function time(o,p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 
if (wait == 0) { 
o.removeAttr("disabled"); 
o.val("点击发送验证码");//改变按钮中value的值 
p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); 
wait = 60; 
} else { 
o.attr("disabled", true);//倒计时过程中禁止点击按钮 
o.val(wait + "秒后重新获取验证码");//改变按钮中value的值 
wait--; 
setTimeout(function() { 
time(o,p);//循环调用 
}, 
1000) 
} 
}

视图:
<input class="mem_btn mem_btn26" type="submit" name="yt0" value="点击发送验证码" id="btn">

调用:
echo CHtml::ajaxSubmitButton('点击发送验证码', 
CHtml::normalizeUrl( 
array('/ajax/sendGetPassMobilCaptcha','zm_id'=>$model->zm_id) 
), 
array('success'=>'function(result){ 
if(result==1){ 
$(".ys_98").html("验证码发送成功,请及时检查您的手机。"); 
time($("#yt0"),$(".ys_98")) 
}else{ 
$(".ys_98").html("验证码发送失败,请重试,或联系管理员。"); 
} 
}','data'=>"zm_id=".$model->zm_id."&zm_mob=".$model->zm_mob."&zm_name=".$model->zm_name 
), 
array('class'=>'mem_btn mem_btn26'));
Javascript 相关文章推荐
JavaScript 对Cookie 操作的封装小结
Dec 31 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
jQuery实现跨域
Feb 03 Javascript
js带闹铃功能的倒计时代码
Sep 29 Javascript
Javascript中构造函数要注意的一些坑
Jan 23 Javascript
用Axios Element实现全局的请求loading的方法
Mar 15 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
Vuex的初探与实战小结
Nov 26 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
JavaScript实现图片合成下载的示例
Nov 19 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
ie下$.getJSON出现问题的解决方法
Feb 12 #Javascript
利用jquery写的左右轮播图特效
Feb 12 #Javascript
jquery选择checked在ie8普通模式下的问题
Feb 12 #Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 #Javascript
Javascript写入txt和读取txt文件示例
Feb 12 #Javascript
通过onmouseover选项卡实现img图片的变化
Feb 12 #Javascript
JavaScript中创建对象和继承示例解读
Feb 12 #Javascript
You might like
PHP6 mysql连接方式说明
2009/02/09 PHP
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
php图像验证码生成代码
2017/06/08 PHP
php多文件打包下载的实例代码
2017/07/12 PHP
PHP中的浅复制与深复制的实例详解
2017/10/26 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
js动态改变select选择变更option的index值示例
2014/07/10 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
python xlsxwriter库生成图表的应用示例
2018/03/16 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
Django发送邮件功能实例详解
2019/09/02 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
知名企业招聘广告词大全
2014/03/18 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
雾霾停课通知
2015/04/24 职场文书
2015年材料员工作总结
2015/04/30 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
中学教师读书笔记
2015/07/01 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书