点击获取验证码倒计时,在项目中很多都会用到,尤其是现在应用App当中手机验证登录,都会用到。本着封装一个倒计时,看到一篇文章非常好,就直接学习了,搞到自己简书中,用于自己平常项目中,封装留存。如果不同的建议,可以提出,共同探讨与学习!如有侵权,告知,删除。
创建一个继承于UIButton类的控件。内部进行样式的编辑,加一个定时器,适时的移除。当倒计时时,按钮状态是不能点击的。让倒计时每秒-1,并拼接转换成NSString。例如:剩余%ld秒。定时器,数字有两种判断情况,当定时器数字不等于1时,我们让按钮禁用,且数字每秒-1,另一种情况(=1,<0),我们按钮可以点击,并移除定时器。改换按钮内容获取验证码。
示例:
[图片上传失败...(image-475975-1513741678409)]
代码
GGVerifyCodeViewBtn.h
#import <UIKit/UIKit.h>
@interface GGVerifyCodeViewBtn : UIButton
// 由于有些时间需求不同,特意露出方法,倒计时时间次数
- (void)timeFailBeginFrom:(NSInteger)timeCount;
@end
> GGVerifyCodeViewBtn.m
>
> #import "GGVerifyCodeViewBtn.h"
@interface GGVerifyCodeViewBtn ()
/*
* 定时器
*/
@property(strong,nonatomic) NSTimer *timer;
/*
* 定时多少秒
*/
@property(assign,nonatomic) NSInteger count;
@end
@implementation GGVerifyCodeViewBtn
#pragma mark - 初始化控件
- (instancetype)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) {
// 配置
[self setup];
>
}
return self;
}
>
#pragma mark - 配置
- (void)setup
{
>
[self setTitle:@"获取验证码" forState:UIControlStateNormal];
self.titleLabel.font = [UIFont systemFontOfSize:10.f];
self.backgroundColor = [UIColor yellowColor];
[self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
>
[self.layer setBorderColor:[UIColor redColor].CGColor];
[self.layer setBorderWidth:2];
>
self.layer.cornerRadius = 3.0f;
self.layer.masksToBounds = YES;
>
}
#pragma mark - 添加定时器
- (void)timeFailBeginFrom:(NSInteger)timeCount
{
self.count = timeCount;
self.enabled = NO;
// 加1个定时器
self.timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(timeDown) userInfo: nil repeats:YES];
>
>
}
#pragma mark - 定时器事件
- (void)timeDown
{
if (self.count != 1){
>
self.count -=1;
self.enabled = NO;
[self setTitle:[NSString stringWithFormat:@"剩余%ld秒", self.count] forState:UIControlStateNormal];
>
} else {
>
self.enabled = YES;
[self setTitle:@"获取验证码" forState:UIControlStateNormal];
[self.timer invalidate];
}
>
}
##### 用法:
> ViewController.m
#import "ViewController.h"
#import "GGVerifyCodeViewBtn.h"
@interface ViewController ()
/*
* 获取验证码按钮
*/
@property (nonatomic, strong) GGVerifyCodeViewBtn *codeBtn;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
>
// 获取验证码按钮
GGVerifyCodeViewBtn *codeBtn = [[GGVerifyCodeViewBtn alloc]init];
// 设置frame 这里我是按照自己需求来
codeBtn.frame = CGRectMake(100, 100, 80, 30);
[self.view addSubview:codeBtn];
[codeBtn addTarget:self action:@selector(codeBtnVerification) forControlEvents:UIControlEventTouchUpInside];
self.codeBtn = codeBtn;
}
#pragma mark - 获取验证码点击事件
- (void)codeBtnVerification {
>
/*
>
调用短信验证码接口
用户输入的验证码数字传给server,判断请求结果作不同的逻辑处理,根据自己家的产品大大需求来即可....
*/
>
/*
if (请求成功且匹配成功验证码数字){
[self.codeBtn timeFailBeginFrom:60]; // 倒计时60s
} else {
[self.codeBtn timeFailBeginFrom:1]; // 处理请求成功但是匹配不成功的情况,并不需要执行倒计时功能
}
*/
>
[self.codeBtn timeFailBeginFrom:60];
}
@end