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 相关文章推荐
jQuery中each()方法用法实例
Dec 27 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
Aug 14 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
javascript实现移动端上的触屏拖拽功能
Mar 04 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
js实现简单的二级联动效果
Mar 09 Javascript
Vue.js基础学习之class与样式绑定
Mar 20 Javascript
Vue.js教程之axios与网络传输的学习实践
Apr 29 Javascript
jQuery实现手势解锁密码特效
Aug 14 jQuery
JS实现图片切换特效
Dec 23 Javascript
vue keep-alive的简单总结
Jan 25 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
php模板引擎技术简单实现
2016/03/15 PHP
Zend Framework路由器用法实例详解
2016/12/11 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
飞鱼(shqlsl) javascript作品集
2006/12/16 Javascript
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
js下将字符串当函数执行的方法
2011/07/13 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
2016/10/05 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
python实现得到一个给定类的虚函数
2014/09/28 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
python中时间模块的基本使用教程
2019/05/14 Python
解决python flask中config配置管理的问题
2019/07/26 Python
深入学习python多线程与GIL
2019/08/26 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
恒华伟业笔试面试题
2015/02/26 面试题
高中生毕业自我鉴定
2013/10/10 职场文书
大学生应聘推荐信范文
2013/11/19 职场文书
幼儿园庆六一游园活动方案
2014/01/29 职场文书
给老婆大人的检讨书
2014/02/24 职场文书
新品发布会主持词
2014/04/02 职场文书
2014年电工工作总结
2014/11/20 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
董事长助理岗位职责
2015/02/11 职场文书
孩子满月酒答谢词
2015/09/30 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书