前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >iOS 短信验证码倒计时按钮的实现

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

作者头像
网罗开发
发布2021-01-29 14:45:32
发布2021-01-29 14:45:32
2.1K00
代码可运行
举报
文章被收录于专栏:网罗开发网罗开发
运行总次数:0
代码可运行
实现思路

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

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

  1. 声明属性 获取验证码的按钮属性声明
代码语言:javascript
代码运行次数:0
运行
复制
@property(strong,nonatomic)UIButton *againBtn;
  1. 获取验证码按钮代码 SCREEN_WIDTH 屏幕宽度
代码语言:javascript
代码运行次数:0
运行
复制
//获取验证码按钮
   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
代码运行次数:0
运行
复制
- (void)againBtn:(UIButton *)sender{
   //倒计时函数
   [self messageTime];
}
  1. 倒计时函数
代码语言:javascript
代码运行次数:0
运行
复制
- (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
代码运行次数:0
运行
复制
    //    网络监控句柄
   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);
   }];
针对服务器返回错误:

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-09-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 网罗开发 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 实现思路
  • 补充说明:
    • 针对网络异常处理解决方法如下:
    • 针对服务器返回错误:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档