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十个最常用的自定义函数(中文版)
Sep 07 Javascript
jQuery对表单元素的取值和赋值操作代码
May 19 Javascript
js取值中form.all和不加all的区别介绍
Jan 20 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
学习javascript面向对象 理解javascript对象
Jan 04 Javascript
js友好的时间返回函数
Aug 24 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
深入理解vue中的$set
Jun 01 Javascript
Javascript实现html转pdf高清版(提高分辨率)
Feb 19 Javascript
解决VUEX的mapState/...mapState等取值问题
Jul 24 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
Sep 21 Javascript
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
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
如何在PHP中使用数组
2020/06/09 PHP
基于PHP+Mysql简单实现了图书购物车系统的实例详解
2020/08/06 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
防止登录页面出现在frame中js代码
2014/07/22 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
JavaScript实现广告弹窗效果
2016/08/09 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Python可变参数函数用法实例
2015/07/07 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
python使用多进程的实例详解
2018/09/19 Python
pandas计数 value_counts()的使用
2019/06/24 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
2013/06/06 HTML / CSS
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
雅诗兰黛旗下走天然植物路线的彩妆品牌:Prescriptives
2016/08/14 全球购物
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
会议接待欢迎词
2014/01/12 职场文书
群众路线党课主持词
2014/04/01 职场文书
初一学生评语大全
2014/04/24 职场文书
火灾现场处置方案
2014/05/28 职场文书
人民调解协议书范本
2014/10/11 职场文书
教师见习报告范文
2014/11/03 职场文书
首都博物馆观后感
2015/06/05 职场文书
师范生见习总结范文
2015/06/23 职场文书
2016年六一文艺汇演开幕词
2016/03/04 职场文书
redis数据结构之压缩列表
2022/03/21 Redis
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript