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 相关文章推荐
JS 遮照层实现代码
Mar 31 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
基于canvas的二维码邀请函生成插件
Feb 14 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
Vue.js实现移动端短信验证码功能
Mar 29 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
Vue 使用beforeEach实现登录状态检查功能
Oct 31 Javascript
JS实现容器模块左右拖动效果
Jan 14 Javascript
微信小程序实现菜单左右联动
May 19 Javascript
electron踩坑之dialog中的callback解决
Oct 06 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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
ThinkPHP函数详解之M方法和R方法
2015/09/10 PHP
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
jquery.validate使用攻略 第一部
2010/07/01 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
Python抽象类的新写法
2015/06/18 Python
基于python select.select模块通信的实例讲解
2017/09/21 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
Python开发的十个小贴士和技巧及长常犯错误
2018/09/27 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
Python3获取cookie常用三种方案
2020/10/05 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
CSS3教程:background-clip和background-origin
2008/10/17 HTML / CSS
英国工具中心:UK Tool Centre
2017/07/10 全球购物
表达自我的市场:Society6
2018/08/01 全球购物
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
学生违纪检讨书200字
2014/10/21 职场文书
文明倡议书
2015/01/19 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
如何使用Python提取Chrome浏览器保存的密码
2021/06/09 Python