获取验证码:倒计时封装
来源:互联网 发布:同花顺期货模拟软件 编辑:程序博客网 时间:2024/06/05 00:43
同一套网页中有多个地方用到了 获取验证码 的功能,上一个项目中也有这种用法,但是当时对封装之类的实在是搞不明白,想了好多办法依然没能很好的复用。最近看了《JavaScript设计模式》,有一点点灵感,封装的也不知道是不是那么回事,反正实现了复用,以此纪念我的 倒计时
function CountDown(opt) { // opt是传来的参数对象 var target = opt.target; // 被点击对象 var time = opt.time; // 想要倒计时的时间 以 ’S‘为单位 if(typeof time != "number"){ return false; } var targetHtml = $(target).html(); function downBySecond() { // 倒计时 var countdown = time; this.downFun = function () { if(countdown == 0){ countdown = time; $(target).on('click').removeAttr('disabled'); // 重新绑定点击事件 clearInterval(timer); // 手动停止计数器 $(target).html(targetHtml); }else{ $(target).html(countdown + 's后重新获取'); countdown--; $(target).off('click').attr('disabled','true'); // 点击失效并且样式为disabled样式 } } } var fun = new downBySecond(); fun.downFun(); var timer = setInterval(fun.downFun,1000);}
调用的写法
$('.btn').on('click',function (e) { var obj = {}; obj.target = e.target; obj.time = 60; CountDown(obj); });
阅读全文
0 0
- 获取验证码:倒计时封装
- Android 获取验证码倒计时封装
- Android获取验证码倒计时封装工具
- 获取验证码倒计时类简单封装
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 倒计时获取验证码
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 获取验证码倒计时
- 倒计时(获取验证码的倒计时)
- Android获取验证码倒计时
- iOS 获取验证码倒计时
- 获取验证码倒计时代码
- 解决nfs挂载错误wrong fs type, bad option, bad superblock
- Java+Selenium3方法篇45-Java中如何读取properties文件内容
- 解析C语言结构体,位段
- mongodb 视图Views
- caffe模型weights&featureMap 可视化(c++)
- 获取验证码:倒计时封装
- final的知识点
- JAVA对XML文件的读写(有具体的代码和解析)
- linux gentoo gnome任务栏(panel)消失的解决办法
- 《学习OpenCV》第四章第6题
- 开源框架:DBUtils使用详解
- 运行dubbo-admin走到zkclient.ZkEventThread
- Ubuntu 修改Apache2端口
- 结构体基础知识