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下弹出窗口的变通
Apr 18 Javascript
改写一个简单的菜单 弹性大小
Dec 02 Javascript
jquery一句话全选/取消全选
Mar 01 Javascript
javascript日期转换 时间戳转日期格式
Nov 05 Javascript
BootStrap selectpicker
Jun 20 Javascript
JavaScript交换两个变量值的七种解决方案
Dec 01 Javascript
Django+Vue.js搭建前后端分离项目的示例
Aug 07 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
vue实现引入本地json的方法分析
Jul 12 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
Sep 29 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 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
深入分析使用mysql_fetch_object()以对象的形式返回查询结果
2013/06/05 PHP
php7基于递归实现删除空文件夹的方法示例
2017/06/15 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
JS 的应用开发初探(mootools)
2009/12/19 Javascript
JavaScript CSS修改学习第三章 修改样式表
2010/02/19 Javascript
JavaScript Eval 函数使用
2010/03/23 Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
2010/05/17 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
DVA框架统一处理所有页面的loading状态
2017/08/25 Javascript
jQuery实现用户信息表格的添加和删除功能
2017/09/12 jQuery
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
javascript实现打砖块小游戏(附完整源码)
2020/09/18 Javascript
Python实现的金山快盘的签到程序
2013/01/17 Python
python求列表交集的方法汇总
2014/11/10 Python
详细介绍Python的鸭子类型
2016/09/12 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
西班牙美妆电商:Perfume’s Club(有中文站)
2018/08/08 全球购物
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
文明教师事迹材料
2014/01/16 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
吃空饷专项治理工作实施方案
2014/03/04 职场文书
法人代表授权委托书
2014/04/08 职场文书
养成教育经验材料
2014/05/26 职场文书
幼师求职信
2014/06/23 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
毕业证明书
2015/06/19 职场文书
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS
golang三种设计模式之简单工厂、方法工厂和抽象工厂
2022/04/10 Golang