iOS 短信验证码倒计时按钮的实现

实现思路

创建按钮, 添加点击方法; 用NSTimer定时器, 每秒执行一次, 定时改变Button的title,改变Button的样式, 设置Button不可点击; 若倒计时结束, 定时器关闭, 并改变Button的样式, 可以点击。

在app开发中经常会遇到，输入手机号获取验证码的功能，下面就和大家分享一下，获取验证码倒计时的功能实现 首先给大家看一下页面展示

1. 声明属性 获取验证码的按钮属性声明

代码语言：javascript复制

@property(strong,nonatomic)UIButton *againBtn;

1. 获取验证码按钮代码 SCREEN_WIDTH 屏幕宽度

代码语言：javascript复制

//获取验证码按钮
   self.againBtn = [[UIButton alloc]initWithFrame:CGRectMake(SCREEN_WIDTH*2/3-35, 0, SCREEN_WIDTH/3 20, 50)];
   [_againBtn addTarget:self action:@selector(againBtn:) forControlEvents:UIControlEventTouchUpInside];
   self.againBtn.userInteractionEnabled = NO;
   [self messageTime];
   [_againBtn setTitleColor:ALLTextColor forState:0];
   [self.contentView addSubview:_againBtn];

1. 按钮点击事件

代码语言：javascript复制

- (void)againBtn:(UIButton *)sender{
   //倒计时函数
   [self messageTime];
}

1. 倒计时函数

代码语言：javascript复制

- (void)messageTime {   __block int timeout=60; //倒计时时间
   dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
   dispatch_source_t _timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0,queue);
   dispatch_source_set_timer(_timer,dispatch_walltime(NULL, 0),1.0*NSEC_PER_SEC, 0); //每秒执行
   
   dispatch_source_set_event_handler(_timer, ^{
       if(timeout<=0){ //倒计时结束，关闭
           dispatch_source_cancel(_timer);
           dispatch_async(dispatch_get_main_queue(), ^{
               //设置界面的按钮显示 根据自己需求设置
               [self.againBtn setTitle:@"发送验证码" forState:UIControlStateNormal];
               [_againBtn setTitleColor:[UIColor blackColor] forState:0];
               self.againBtn.userInteractionEnabled = YES;
           });
       }else{
           int seconds = timeout % 61;
           NSString *strTime = [NSString stringWithFormat:@"%.2d", seconds];
           dispatch_async(dispatch_get_main_queue(), ^{
               //设置界面的按钮显示 根据自己需求设置
               [UIView beginAnimations:nil context:nil];
               [UIView setAnimationDuration:1];
               [self.againBtn setTitle:[NSString stringWithFormat:@"(%@)重新发送",strTime] forState:UIControlStateNormal];
               [_againBtn setTitleColor:ALLTextColor forState:0];
               //To do
               [UIView commitAnimations];
               self.againBtn.userInteractionEnabled = NO;
           });
           timeout--;
       }
   });
   dispatch_resume(_timer);
   
}

补充说明：

我是使用mob前端集成验证码，如果使用服务器端返回验证码，就需要进行网络异常处理和服务器返回错误处理。

针对网络异常处理解决方法如下：

代码语言：javascript复制

    //    网络监控句柄
   AFNetworkReachabilityManager *manager = [AFNetworkReachabilityManager sharedManager];
   //要监控网络连接状态，必须要先调用单例的startMonitoring方法
   [manager startMonitoring];
   [manager setReachabilityStatusChangeBlock:^(AFNetworkReachabilityStatus status) {
       //根据情况进行判读处理
       if ((long)status == 0) {
         
       }else if ((long)status == 2){
           
       }
       //        status:
       //        AFNetworkReachabilityStatusUnknown          = -1,  未知
       //        AFNetworkReachabilityStatusNotReachable     = 0,   未连接
       //        AFNetworkReachabilityStatusReachableViaWWAN = 1,   3G
       //        AFNetworkReachabilityStatusReachableViaWiFi = 2,   无线连接
       //                    NSLog(@"%ldhahahhahh", (long)status);
   }];

针对服务器返回错误：

可以根据对服务器返回参数进行判断处理。

验证码

0 人点赞