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 ajax 检测用户注册时用户名是否存在
Nov 03 Javascript
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
学习js在线html(富文本,所见即所得)编辑器
Dec 18 Javascript
jQuery+ajax中getJSON() 用法实例
Dec 22 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
JS+CSS实现表格高亮的方法
Aug 05 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
AngularJS实现单一页面内设置跳转路由的方法
Jun 28 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 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/10/09 PHP
PHP如何使用Memcached
2016/04/05 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
js 蒙版进度条(结合图片)
2010/03/10 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
一个css与js结合的下拉菜单支持主流浏览器
2014/10/08 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
基于jquery日历价格、库存等设置插件
2020/07/05 jQuery
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
使用pm2部署node生产环境的方法步骤
2019/03/09 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
微信小程序 简易计算器实现代码实例
2019/09/02 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
结合axios对项目中的api请求进行封装操作
2020/09/21 Javascript
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
Python引用计数操作示例
2018/08/23 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
护理学毕业生自荐信
2013/10/02 职场文书
自我评价正确写法范文
2013/12/10 职场文书
高中生学期学习自我评价
2014/02/24 职场文书
学生请假条
2014/04/11 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
2014年无财产无子女离婚协议书范本
2014/10/09 职场文书
机关保密工作承诺书
2015/05/04 职场文书
活动新闻稿范文
2015/07/17 职场文书
企业团队精神心得体会
2016/01/19 职场文书
如何在centos上使用yum安装rabbitmq-server
2021/03/31 Servers
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫
Elasticsearch 批量操作
2022/04/19 Python
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript