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 相关文章推荐
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
JQuery实现可直接编辑的表格
Apr 16 Javascript
jQuery实现每隔几条元素增加1条线的方法
Jun 27 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
Jul 18 Javascript
Node之简单的前后端交互(实例讲解)
Nov 14 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
微信小程序的mpvue框架快速上手指南
May 15 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
详细分析Node.js 模块系统
Jun 28 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 Javascript
Ajax请求超时与网络异常处理图文详解
May 23 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下载远程文件类(支持断点续传)
2008/11/14 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
PHP实现的统计数据功能详解
2016/12/06 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
基于jquery的blockui插件显示弹出层
2011/04/14 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
JavaScript将取代AppleScript?
2014/09/18 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
轻松学习Javascript闭包函数
2015/12/15 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
详解jQuery中的事件
2016/12/14 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
vue-cli 引入、配置axios的方法
2018/05/08 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
angularjs模态框的使用代码实例
2019/12/20 Javascript
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
Python常用的内置序列结构(列表、元组、字典)学习笔记
2016/07/08 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
python实现BackPropagation算法
2017/12/14 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
django使用admin站点上传图片的实例
2019/07/28 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
Python基于template实现字符串替换
2020/11/27 Python
英国网上购买门:Direct Doors
2018/06/07 全球购物
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
师范生见习报告范文
2014/11/03 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书