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 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
Jul 27 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
Aug 25 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
Jan 09 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
Aug 23 Javascript
ES6扩展运算符用法实例分析
Oct 31 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
vue的diff算法知识点总结
Mar 29 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编程中的常见漏洞和代码实例
2014/08/06 PHP
PHP中比较时间大小实例
2014/08/21 PHP
php中Ctype函数用法详解
2014/12/09 PHP
php给一组指定关键词添加span标签的方法
2015/03/31 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
2010/03/04 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
浅析Javascript使用include/require
2013/11/13 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
JS简单设置下拉选择框默认值的方法
2016/08/20 Javascript
AngularJS指令用法详解
2016/11/02 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
JavaScript仿百度图片浏览效果
2016/11/23 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
2017/01/14 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
JavaScript原生实现观察者模式的示例
2017/12/15 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
用pywin32实现windows模拟鼠标及键盘动作
2014/04/22 Python
在Django的上下文中设置变量的方法
2015/07/20 Python
Python中存取文件的4种不同操作
2018/07/02 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
Python单链表原理与实现方法详解
2020/02/22 Python
英国最出名高街品牌:Forever Unique
2018/02/24 全球购物
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
个人求职简历的自我评价
2013/10/19 职场文书
社团成立邀请函
2014/01/08 职场文书
健康教育主题班会
2015/08/14 职场文书
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python