iOS实现短信验证码倒计时

在开发中，经常在需要用户注册的时候会需要实现验证码倒计时的功能，下面是解决这个问题的两种思路(使用UIButton控件)

一、利用NSTimer计时器

1.新建一个UIButton按钮，设置成属性，名为codeButton。（UIButton样式一定要为自定义，否则后面倒计时数秒时会出现闪烁现象）

2.定义一个NSTimer的属性，名为timer，同时定义一个用于计时的int变量time，设置初始值为60。

//启动一个定时器
self.timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(operatePerSecond) userInfo:nil repeats:YES];

//实现定时器中的方法
- (void)operatePerSecond {
    if (time == 1) {
      [self.timer invalidate];
      time = 60;
      [self.codeButton setTitle:@"重新获取" forState:UIControlStateNormal];
      self.codeButton.tintColor = [UIColor blackColor];
      self.codeButton.enabled = YES;
    }else {
      time --;
      [self.codeButton setTitle:[NSString stringWithFormat:@"%ds" ,time] forState:UIControlStateNormal];
    }
}

3.此时主要逻辑已经完成，但要记得：在本页面即将消失的时候也要停掉计时器self.timer。

二、利用GCD实现

1.定义一个用于计时的time（此时要用block修饰）---  block int time = 60;

  //倒计时时间
  __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_TIME_NOW, 1.0 * NSEC_PER_SEC, 0 * NSEC_PER_SEC);
  dispatch_source_set_event_handler(timer, ^{
    if(timeout == 1){
      //倒计时结束，关闭
      dispatch_source_cancel(timer);
      dispatch_async(dispatch_get_main_queue(), ^{
      timeout = 60;
      [self.codeButton setTitle:@"重新获取" forState:UIControlStateNormal];
      self.codeButton.tintColor = [UIColor blackColor];
      self.codeButton.enabled = YES;
      });
    }else{
      NSString *strTime = [NSString stringWithFormat:@"%ds",timeout];
      dispatch_async(dispatch_get_main_queue(), ^{
        [self.codeButton setTitle:strTime forState:UIControlStateNormal];
      });
      timeout--;
    }
  });
dispatch_resume(timer);

2.把上述代码写入点击方法中即可实现倒计时效果。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • iOS发送验证码倒计时应用

    iOS发送验证码倒计时应用

    app注册的时候,经常会遇到发送验证码的功能,当点击发送验证码的时候,那个button就开始了倒计时,当计时结束才可以重新发送,效果如下: 具体代码实现如下: - (IBAction)sendMes:(UIButton *)sender { __block int timeout = 10 ; //倒计时时间 dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0); dispat

  • IOS实现验证码倒计时功能（一）

    IOS实现验证码倒计时功能（一）

    验证码倒计时按钮的应用是非常普遍的,该Blog就和你一起来写一个IDCountDownButton来实现验证码倒计时的效果.你可以想使用普通的UIButton类型按钮一样,只需要设置其倒计时时长(若未设置,默认为60秒),就可以轻松的实现点击countDownButton开始倒计时,倒计时结束方可重新点击. 一.实现效果 如图 二.实现思路 1.自定义一个IDCountDownButton,重写 beginTrackingWithTouch:withEvent: 拦截button的点击事件,根据

  • iOS 验证码按钮倒计时功能

    iOS 验证码按钮倒计时功能

    在app 注册或者登录 需要验证码的地方.为了避免短时间内刷验证码.往往会加上一层验证. 倒计时结束后.可以重新获取! 代码实现如下: // _CountdownTime 倒计时总时间: //_timer 定时器 - (void)startTime:(UIButton *)VerificationCodeButton { __block NSInteger timeout = [_CountdownTime integerValue]; dispatch_queue_t queue = disp

  • iOS登录时验证手机号与倒计时发送验证码问题详解

    iOS登录时验证手机号与倒计时发送验证码问题详解

    前言 我们做登录的时候经常会使用到,验证手机号是否正确.向手机发送验证码倒计时60s的问题,我们改如何解决呢?让我们一起来探讨一下吧. 如下图: 首先,我们先说说判断手机号码是否正确的问题吧,我的想法是给字符串添加一个分类,然后写上这样的代码: + (BOOL)valiMobile:(NSString *)mobile{         if (mobile.length != 11){             //判断手机号码是否为11位             return NO;     

  • Swift实现iOS应用中短信验证码倒计时功能的实例分享

    Swift实现iOS应用中短信验证码倒计时功能的实例分享

    在开始之前,我们先来了解一个概念 属性观测器(Property Observers): 属性观察器监控和响应属性值的变化,每次属性被设置值的时候都会调用属性观察器,甚至新的值和现在的值相同的时候也不例外. 可以为属性添加如下的一个或全部观察器: willSet在新的值被设置之前调用 didSet在新的值被设置之后立即调用 接下来开始我们的教程,先展示一下最终效果: 首先声明一个发送按钮: 复制代码 代码如下: var sendButton: UIButton! 在viewDidLoad方法中给发

  • iOS获取验证码倒计时效果

    本文实例为大家分享了iOS倒计时获取验证码的具体代码,供大家参考,具体内容如下 1. 倒计时发送验证码,界面跳转计时会重置 /**重新发送短信的计时*/ -(void)fireTimer{ __block int timeout=180; //倒计时时间 dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0); dispatch_source_t _timer = dispatc

  • IOS实现验证码倒计时功能（二）

    IOS实现验证码倒计时功能（二）

    验证码倒计时按钮的应用是非常普遍的,该Blog就和你一起来实现验证码倒计时的效果,定义一个发送验证码的按钮,添加点击事件,具体内容如下 具体代码: 定义一个发送验证码的按钮,添加点击事件 //发送验证码按钮 _sentCodeBtn = [[UIButton alloc] initWithFrame:CGRectMake(kScreenWidth - 27 - 4 - 94, CGRectGetMinY(_registerCodeFD.frame) + 4, 94, 40)]; [_sentCo

  • iOS实现手机获取验证码倒计时效果

    iOS实现手机获取验证码倒计时效果

    手机获取验证码的倒计时效果,实现很简单,附倒计时效果完整代码 之前做项目使用的是NSTimer做的倒计时效果,效果不太好.今天学习了下用GCD做,效果还是不错的. 关键代码如下:(完整代码) //创建一个全局并非队列 dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0); //创建一个定时器 _timer = dispatch_source_create(DISPATCH_SO

  • iOS获取短信验证码倒计时的两种实现方法

    方法一: 网上用的很多的一种,不多说,直接上代码. -(void)startTime{ __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,qu

  • iOS实现短信验证码倒计时

    在开发中,经常在需要用户注册的时候会需要实现验证码倒计时的功能,下面是解决这个问题的两种思路(使用UIButton控件) 一.利用NSTimer计时器 1.新建一个UIButton按钮,设置成属性,名为codeButton.(UIButton样式一定要为自定义,否则后面倒计时数秒时会出现闪烁现象) 2.定义一个NSTimer的属性,名为timer,同时定义一个用于计时的int变量time,设置初始值为60. //启动一个定时器 self.timer = [NSTimer scheduledTim

  • swift 3.0 实现短信验证码倒计时功能

    下面一段代码给大家分享swift 3.0 实现短信验证码倒计时功能,具体实例代码如下所示: class TCCountDown { private var countdownTimer: Timer? var codeBtn = UIButton() private var remainingSeconds: Int = 0 { willSet { codeBtn.setTitle("重新获取\(newValue)秒", for: .normal) if newValue <=

  • ReactNative短信验证码倒计时控件的实现代码

    ReactNative短信验证码倒计时控件的实现代码

    由于最近刚开始认真的搞RN,可能有一些封装的不是最佳实践,还是希望大家多提意见,和大家一起进步吧.本文介绍了ReactNative短信验证码倒计时控件,分享给大家 功能 根据项目的需要,需要写一个自定义的控件,实现如下功能: 默认文字为点击获取验证码 点击后出现60秒的倒计时 颜色,字号可调 倒计时过程中,再次点击需要忽略掉 倒计时完成后文本恢复成点击获取验证码 再几次点击同之前 其实说了这么多,就是个最普通的验证码的功能... 效果 效果图如下:(录的图片比较一般,对付着看吧) 实现原理 自己

  • JS短信验证码倒计时功能的实现（没有验证码，只有倒计时）

    1.功能描述 当用户想要获取验证码时,就点击 免费获取验证码 ,然后开始倒计时,倒计时期间按钮文字为剩余时间x秒,且不可按状态,倒计时结束后,按钮更改为点击重新发送. 2.分析 必须用到定时器.按钮点击后,在定时器内做出判断.倒计时60秒,到0结束. 3.代码实现: 重点介绍:定时器在进行下一次倒计时之前,一定要清除一下,这样的话保证下一次定时器倒计时是正常的. <!DOCTYPE html> <html> <head> <meta charset="U

  • JS获取短信验证码倒计时的实现代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: $(function() { var phone_num = /^1\d{10}$/; var flag = 1; //短信发送时标志位 $(".getcode").click(function() { if($("#phone").val() == "") { alert("请输入电话号码!"); return false; }; if(!phone_num.test($

  • Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果

    本文介绍了Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果,分享给大家,具体如下: 场景:注册账号页面时,我们点击按钮发送验证码,在等待验证码时,界面会有倒计时提示,这此期间按钮不可点击.当倒计时结束时,按钮恢复. 实现代码 val timer:TextView = findViewById(R.id.textView) //这里的 timer 就是你要控制显示倒计时效果的 TextView val mSubscription: Subscription? = nul

  • 微信小程序实现发送短信验证码倒计时

    微信小程序实现发送短信验证码倒计时

    本文实例为大家分享了微信小程序发送短信验证码倒计时的具体代码,供大家参考,具体内容如下 效果图 WXML文件 <view class="container"> <view class="userinfo"> <image class="userinfo-avatar" src="../../images/timg.jpg" mode="cover"></image&

  • 微信小程序实现短信验证码倒计时

    微信小程序实现短信验证码倒计时

    本文实例为大家分享了微信小程序实现短信验证码倒计时的具体代码,供大家参考,具体内容如下 初始效果 当点击按钮时候设置禁止点击效果:如下图 话不多说,直接上代码 1.wxml部分 <view>     <block wx:if="{{Num==60 || Num==-1}}">       <button bindtap="countDown">获取验证码</button>     </block>    

  • Android实现发送短信验证码倒计时功能示例

    Android实现发送短信验证码倒计时功能示例

    一.简介: 开发中在用户注册或找回密码之类的功能,经常会遇到获取短信验证码,获取验证码后需要等待1分钟倒计时,这段时间是不能再次发送短信请求的. 效果图: 二.实现步骤: 1.一个关键类:CountDownTimer(Android系统自带的倒计时功能类) public class CountDownTimerUtils extends CountDownTimer { private TextView mTextView; //显示倒计时的文字 /** * @param textView Th

随机推荐