iOS活动倒计时的两种实现方式

布满荆棘的人生 2022-05-29 23:19 649阅读 0赞

> 代码地址如下：  
> [http://www.demodashi.com/demo/11076.html][http_www.demodashi.com_demo_11076.html]

#### 在做些活动界面或者限时验证码时, 经常会使用一些倒计时突出展现. ####

![efvmzoHzpS9S6McNZX6.png][]

> 现提供两种方案:  
> 一.使用NSTimer定时器来倒计时  
> 二.使用GCD来倒计时(用GCD这个写有一个好处，跳页不会清零, 跳页清零会出现倒计时错误的)

**压缩文件截图项目界面:**

![ylpJnpOXUutXzG0SQtf.png][]  
**项目截图:**

![BY0dMrrl3OfaiVpaP4s.png][]

## 一. 使用NSTimer定时器来倒计时 ##

**主要步骤:**  
Step1. 计算截止时间与当前时间差  
Step2. 先递减时间差 倒计时-1(总时间以秒来计算)  
Step3. 给时分秒字符串通过递减过后的秒数,重新计算数值,并输出显示.

获取当天的字符串, 格式为年-月-日 时分秒:

/** * 获取当天的字符串 * * @return 格式为年-月-日 时分秒 */
    - (NSString *)getCurrentTimeyyyymmdd {
    
        NSDate *now = [NSDate date];
        NSDateFormatter *formatDay = [[NSDateFormatter alloc] init];
        formatDay.dateFormat = @"yyyy-MM-dd HH:mm:ss";
        NSString *dayStr = [formatDay stringFromDate:now];
    
        return dayStr;
    }

获取时间差值 截止时间-当前时间:

/** * 获取时间差值 截止时间-当前时间 * nowDateStr : 当前时间 * deadlineStr : 截止时间 * @return 时间戳差值 */
    - (NSInteger)getDateDifferenceWithNowDateStr:(NSString*)nowDateStr deadlineStr:(NSString*)deadlineStr {
    
        NSInteger timeDifference = 0;
    
        NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
        [formatter setDateFormat:@"yy-MM-dd HH:mm:ss"];
        NSDate *nowDate = [formatter dateFromString:nowDateStr];
        NSDate *deadline = [formatter dateFromString:deadlineStr];
        NSTimeInterval oldTime = [nowDate timeIntervalSince1970];
        NSTimeInterval newTime = [deadline timeIntervalSince1970];
        timeDifference = newTime - oldTime;
    
        return timeDifference;
    }

**Step1. 计算时间差值:**

NSInteger secondsCountDown = [self getDateDifferenceWithNowDateStr:nowStr deadlineStr:deadlineStr];

**Step2. 递减时间差 倒计时-1(总时间以秒来计算):**

secondsCountDown--;

**Step3.活动倒计时:**

// 启动倒计时后会每秒钟调用一次方法
    _activeTimer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(activeCountDownAction) userInfo:nil repeats:YES];
    [_activeTimer fire];

给时分秒字符串通过递减过后的秒数,重新计算数值,并输出显示:

// 重新计算 时/分/秒
        NSString *str_hour = [NSString stringWithFormat:@"%02ld", secondsCountDown / 3600];
        NSString *str_minute = [NSString stringWithFormat:@"%02ld", (secondsCountDown % 3600) / 60];
        NSString *str_second = [NSString stringWithFormat:@"%02ld", secondsCountDown % 60];
        NSString *format_time = [NSString stringWithFormat:@"%@ : %@ : %@", str_hour, str_minute, str_second];
        // 修改倒计时标签及显示内容
        self.timeLabel.text = [NSString stringWithFormat:@"使用NSTimer来实现 活动倒计时: %@", format_time];
    
        // 当倒计时结束时做需要的操作: 比如活动到期不能提交
        if(secondsCountDown <= 0) {
    
            self.timeLabel.text = @"当前活动已结束";
    
            [_activeTimer invalidate];
            _activeTimer = nil;
    
            return;
        }

**NSTimer-活动倒计时测试效果如下:**  
![iDgwsijNeA2A4q1WNpv.gif][]

## 二. 使用GCD来倒计时 ##

**主要步骤:**  
Step1. 计算截止时间与当前时间差  
Step2. 用GCD倒计时 给时分秒字符串通过递减过后的秒数,重新计算数值,并输出显示, 递减时间差 倒计时-1

**Step1. 计算截止时间与当前时间差:**

// 倒计时的时间 测试数据
        NSString *deadlineStr = @"2017-08-19 12:00:00";
        // 当前时间的时间戳
        NSString *nowStr = [self getCurrentTimeyyyymmdd];
        // 计算时间差值
        NSInteger secondsCountDown = [self getDateDifferenceWithNowDateStr:nowStr deadlineStr:deadlineStr];

**Step2.使用GCD来实现倒计时**  
用GCD这个写有一个好处，跳页不会清零 跳页清零会出现倒计时错误的  
活动结束等逻辑及界面处理可以按照自己需求来~

__weak __typeof(self) weakSelf = self;
    
        if (_timer == nil) {
            __block NSInteger timeout = secondsCountDown; // 倒计时时间
    
            if (timeout!=0) {
                dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
                _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);
                        _timer = nil;
                        dispatch_async(dispatch_get_main_queue(), ^{
                            weakSelf.timeLabel.text = @"当前活动已结束";
                        });
                    } else { // 倒计时重新计算 时/分/秒
                        NSInteger days = (int)(timeout/(3600*24));
                        NSInteger hours = (int)((timeout-days*24*3600)/3600);
                        NSInteger minute = (int)(timeout-days*24*3600-hours*3600)/60;
                        NSInteger second = timeout - days*24*3600 - hours*3600 - minute*60;
                        NSString *strTime = [NSString stringWithFormat:@"活动倒计时 %02ld : %02ld : %02ld", hours, minute, second];
                        dispatch_async(dispatch_get_main_queue(), ^{
                            if (days == 0) {
                                weakSelf.timeLabel.text = strTime;
                            } else {
                                weakSelf.timeLabel.text = [NSString stringWithFormat:@"使用GCD来实现活动倒计时 %ld天 %02ld : %02ld : %02ld", days, hours, minute, second];
                            }
    
                        });
                        timeout--; // 递减 倒计时-1(总时间以秒来计算)
                    }
                });
                dispatch_resume(_timer);
            }
        }

**GCD-活动倒计时测试效果如下:**  
![YLtbxLqiaVZERl2HfuL.gif][]iOS活动倒计时的两种实现方式

> 代码地址如下：  
> [http://www.demodashi.com/demo/11076.html][http_www.demodashi.com_demo_11076.html]
> 
> 注：本文著作权归作者，由demo大师发表，拒绝转载，转载需要作者授权

[http_www.demodashi.com_demo_11076.html]: http://www.demodashi.com/demo/11076.html
[efvmzoHzpS9S6McNZX6.png]: /images/20220530/5437713a3dfb4384b20bde003d5ad203.png
[ylpJnpOXUutXzG0SQtf.png]: /images/20220530/dbab506b83ce4767bd54d553b4b38c43.png
[BY0dMrrl3OfaiVpaP4s.png]: /images/20220530/f67a3205f71b4d5cb826e8c28b448518.png
[iDgwsijNeA2A4q1WNpv.gif]: /images/20220530/f2ec5f92bbeb47da86286a9ad8ac18c4.png
[YLtbxLqiaVZERl2HfuL.gif]: /images/20220530/5b662d5c555c48d684885c5fe1fed9bd.png