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 相关文章推荐
javascript中的对象和数组的应用技巧
Jan 07 Javascript
js 三级关联菜单效果实例
Aug 13 Javascript
Jquery实现的角色左右选择特效
May 21 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
JS实现给对象动态添加属性的方法
Jan 05 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
js实现弹出框的拖拽效果实例代码详解
Apr 16 Javascript
原生JavaScript之es6中Class的用法分析
Feb 23 Javascript
NestJs使用Mongoose对MongoDB操作的方法
Feb 22 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 获取完整url地址
2008/12/20 PHP
PHP 调试工具Debug Tools
2011/04/30 PHP
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
PHP ajax+jQuery 实现批量删除功能实例代码小结
2018/12/06 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/07/18 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
Bootstrap实现水平排列的表单
2016/07/04 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
JS 调试中常见的报错问题解决方法
2017/05/20 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
2018/02/27 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
Python  Asyncio模块实现的生产消费者模型的方法
2021/03/01 Python
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
酒店公关部经理岗位职责
2013/11/24 职场文书
庆七一宣传标语
2014/10/08 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
2015年人事科工作总结
2015/04/28 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书
Windows10下安装MySQL8
2021/04/06 MySQL
windows下快速安装nginx并配置开机自启动的方法
2021/05/11 Servers
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL