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中变量相关的细节分析
Aug 13 Javascript
jQuery 版本的文本输入框检查器Input Check
Jul 09 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
Nov 26 Javascript
js库Modernizr的介绍和使用
May 07 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
深入探究node之Transform
Jul 20 Javascript
BootStrap给table表格的每一行添加一个按钮事件
Sep 07 Javascript
详解angularjs popup-table 弹出框表格指令
Sep 20 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
又拍云 Node.js 实现文件上传、删除功能
Oct 28 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 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 批量更新网页内容实现代码
2010/01/05 PHP
php猜单词游戏
2015/09/29 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
php探针不显示内存解决方法
2019/09/17 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
js学习阶段总结(必看篇)
2016/06/16 Javascript
js HTML5 Canvas绘制转盘抽奖
2020/09/13 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
ajax异步请求详解
2017/01/06 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
Python基于回溯法解决01背包问题实例
2017/12/06 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
golang/python实现归并排序实例代码
2020/08/30 Python
Python批量修改xml的坐标值全部转为整数的实例代码
2020/11/26 Python
美国豪华时尚女性精品店:Kirna Zabête
2018/01/11 全球购物
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
商务英语大学生职业生涯规划书范文
2014/01/01 职场文书
岗位廉政承诺书
2014/03/27 职场文书
思想作风建设心得体会
2014/10/22 职场文书
2014年审计工作总结
2014/11/17 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL