点击获取验证码倒计时

点击获取验证码倒计时,在项目中很多都会用到,尤其是现在应用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
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容