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自动显示最后更新时间
Mar 15 Javascript
javascript new 需不需要继续使用
Jul 02 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 Javascript
按下Enter焦点移至下一个控件的实现js代码
Dec 11 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
jquery 新建的元素事件绑定问题解决方案
Jun 12 Javascript
详解JavaScript模块化开发
Dec 04 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
node.js中fs文件系统目录操作与文件信息操作
Feb 24 Javascript
Vue如何将页面导出成PDF文件
Aug 17 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
德生PL330测评
2021/03/02 无线电
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
PHP错误和异常处理功能模块示例
2016/11/12 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
jquery 最简单的属性菜单
2009/10/08 Javascript
仿新浪微博返回顶部的jquery实现代码
2012/10/01 Javascript
js根据日期判断星座的示例代码
2014/01/23 Javascript
js定时调用方法成功后并停止调用示例
2014/04/08 Javascript
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
2015/04/06 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
js实现常见的工具条效果
2017/03/02 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
jQuery中库的引用方法
2018/01/06 jQuery
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
jquery无缝图片轮播组件封装
2020/11/25 jQuery
vue实现文字加密功能
2019/09/27 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
2019/11/09 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
Element MessageBox弹框的具体使用
2020/07/27 Javascript
详解Python进程间通信之命名管道
2017/08/28 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
3分钟学会一个Python小技巧
2018/11/23 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
工作时间上网检讨书
2014/02/03 职场文书
初中学生评语大全
2014/04/24 职场文书
高等教育学专业自荐书
2014/06/17 职场文书
退税申请报告怎么写
2015/05/18 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
Java用自带的Image IO给图片添加水印
2021/06/15 Java/Android