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 面向对象之神奇的prototype
Feb 26 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
JsRender实用入门教程
Oct 31 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
JavaScript简单获取页面图片原始尺寸的方法
Jun 21 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
Aug 20 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
在vue中根据光标的显示与消失实现下拉列表
Sep 29 Javascript
JS实现星星海特效
Dec 24 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 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的网址
2006/11/25 PHP
PHP对象转换为数组函数(递归方法)
2012/02/04 PHP
php配合jquery实现增删操作具体实例
2013/12/12 PHP
一个经典实用的PHP图像处理类分享
2014/11/18 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
2020/07/10 PHP
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
2013/10/22 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
js实现复选框的全选和取消全选效果
2017/01/03 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
2018/12/04 jQuery
微信小程序实现复选框效果
2018/12/28 Javascript
[01:58]2018DOTA2亚洲邀请赛趣味视频——交流
2018/04/03 DOTA
简单理解Python中基于生成器的状态机
2015/04/13 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
python tornado微信开发入门代码
2018/08/24 Python
python 函数中的内置函数及用法详解
2019/07/02 Python
python如何实现单链表的反转
2020/02/10 Python
Selenium 滚动页面至元素可见的方法
2020/03/18 Python
丝芙兰香港官网:Sephora香港
2018/03/13 全球购物
大学信息公开实施方案
2014/03/09 职场文书
合伙协议书
2014/04/23 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
刑事上诉状(量刑过重)
2015/05/23 职场文书
python 模拟在天空中放风筝的示例代码
2021/04/21 Python
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers
mybatis 获取更新记录的id
2022/05/20 Java/Android