美文网首页代码片段iOS Developer好东西
cell (iOS表格) - 简单实现一个定时器管理600个倒计

cell (iOS表格) - 简单实现一个定时器管理600个倒计

作者: 马铃薯蜀黍 | 来源:发表于2016-10-22 16:34 被阅读2123次

    传送门:
    效果展示http://www.jianshu.com/p/3c49b44e45b4
    如何使用: http://www.jianshu.com/p/5b4e0286658a
    下载地址: https://github.com/zhYes/YSTimeCountDown

    Facai - 公司萌宠

    //2018年03月20日09:48:01更新:
    //2018年03月20日09:48:01更新:
    //2018年03月20日09:48:01更新:
    ~
    有朋友反映出现了倒计时一万多天的情况,经过几次调试,发现我这里有一个获取当前时间时间戳的接口 用来校准服务器时间和手机当前时间的差值
    当这个接口不好用 获取不到的时候就是这个样子了 建议让后台自己做个接口 来替换 YSCountDown.m里面的@"http://api.k780.com:88/?app=life.time&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json"这个接口就好了,即:

    接口位置.jpg
    QQ20180320-095232.gif
    注意:1.时间戳单位这里是秒.2.自己接口取时间戳的key替换.
    最新demo截图
    2018年03月20日@end
    2018年03月20日@end
    2018年03月20日@end
    ~

    正文:

    需求是这样的,对UITableView中的每个Cell 加入一个倒计时器的显示,如下图:

    一、倒计时的实现

    首先计时器这块,我第一个会想到是用NSTimer定时器,还是用GCD定时器,或者说CADisplayLink定时呢。

    经过粗略的比较这里采用GCD定时器

    NSTimer是必须要在run loop已经启用的情况下使用的否则无效。而只有主线程是默认启动runLoop的。
    我们不能保证自己写的方法不会被人在异步的情况下调用到,所以有时使用NSTimer不是很保险的。
    同时 NSTime 的坑比较多,循环应用和 RunLoop 那块的坑都可以开专题啦。
    而CADisplayLink相对来说比较适合做界面的不停重绘。
    NStimer是在RunLoop的基础上执行的,然而RunLoop是在GCD基础上实现的,所以说GCD可算是更加高级。
    

    本着封装的思想,工具模型.h这里我们提供一个供外界调用的方法 👇

    //需要传入 1.显示倒计时的tableView | 2.结束时刻的时间戳字符串数组 
    - (void)countDownWithPER_SEC: (UITableView*)tableView :(NSArray*)dataList;
    

    常规代码: 频繁会被调用的计算显示时间方法👇

    // 传入结束时间 | 计算与当前时间的差值
    - (NSString *)getNowTimeWithString:(NSInteger )aTimeString :(NSInteger)startTime{
        
        NSTimeInterval timeInterval = aTimeString - startTime;
        //    NSLog(@"%f",timeInterval);
        int days = (int)(timeInterval/(3600*24));
        int hours = (int)((timeInterval-days*24*3600)/3600);
        int minutes = (int)(timeInterval-days*24*3600-hours*3600)/60;
        int seconds = timeInterval-days*24*3600-hours*3600-minutes*60;
        
        NSString *dayStr;NSString *hoursStr;NSString *minutesStr;NSString *secondsStr;
        //天
        dayStr = [NSString stringWithFormat:@"%d",days];
        //小时
        hoursStr = [NSString stringWithFormat:@"%d",hours];
        //分钟
        if(minutes<10)
            minutesStr = [NSString stringWithFormat:@"0%d",minutes];
        else
            minutesStr = [NSString stringWithFormat:@"%d",minutes];
        //秒
        if(seconds < 10)
            secondsStr = [NSString stringWithFormat:@"0%d", seconds];
        else
            secondsStr = [NSString stringWithFormat:@"%d",seconds];
        if (hours<=0&&minutes<=0&&seconds<=0) {
            return @"活动已经结束!";
        }
        if (days) {
            return [NSString stringWithFormat:@"%@天 %@小时 %@分 %@秒", dayStr,hoursStr, minutesStr,secondsStr];
        }
        return [NSString stringWithFormat:@"%@小时 %@分 %@秒",hoursStr , minutesStr,secondsStr];
    }
    
    • 核心代码1: 接口获得真实的服务器返回时间,并计算与当前系统时间差值! 👇
    - (void)setupLess {
        
        AFHTTPSessionManager * manager = [AFHTTPSessionManager manager];
        [manager POST:@"http://api.k780.com:88/?app=life.time&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json" parameters:nil progress:nil success:^(NSURLSessionDataTask * _Nonnull task, NSDictionary* responseObject) {
            //                NSLog(@"%@",responseObject);
            NSString * webCurrentTimeStr = responseObject[@"result"][@"timestamp"];
            NSInteger webCurrentTime = webCurrentTimeStr.longLongValue;
            NSDate * date = [NSDate date];
            NSInteger nowInteger = [date timeIntervalSince1970];
            _less = nowInteger - webCurrentTime;
            NSLog(@" --  与服务器时间的差值 -- %zd",_less);
            
            if (_dataList) {
                [self destoryTimer];
                [self countDownWithPER_SEC:_myTableView :_dataList];
            }
            
            
        } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
            NSLog(@"%@ - 网络错误 ! ",error);
        }];
    }
    
    • 核心代码2:
    • 利用定时器,每秒改变当前tableView可见cell需要倒计时时间的显示
    • 利用[NSDate date]每秒递增与结束时间做差值,这样每次被GCD定时器调取的时候所显示的值差1s,出现我们想要的倒计时效果
    • 再利用接口获取的当前服务器准确时间与手机系统时间做差值,一次性校准我们的倒计时 ! 而不是频繁调用接口 👇
    - (void)countDownWithPER_SEC :(UITableView*)tableView :(NSArray*)dataList {
        
        _myTableView = tableView;
        _dataList = dataList;
        if (_timer==nil) {
            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, ^{
                dispatch_async(dispatch_get_main_queue(), ^{
                    
                    NSArray  *cells = tableView.visibleCells; //取出屏幕可见ceLl
                    for (UITableViewCell *cell in cells) {
                        
                        NSDate * sjDate = [NSDate date];   //手机时间
                        NSInteger sjInteger = [sjDate timeIntervalSince1970];  // 手机当前时间戳
                        NSString* tempEndTime = dataList[cell.tag];
                        
                        NSInteger endTime = tempEndTime.longLongValue + _less;
                        
                        cell.textLabel.text = [self getNowTimeWithString:endTime :sjInteger];
                        
                        
                        if ([cell.textLabel.text isEqualToString:@"活动已经结束!"]) {
                            cell.textLabel.textColor = [UIColor redColor];
                        }else{
                            cell.textLabel.textColor = [UIColor orangeColor];
                        }
    //                    NSLog(@" -------- %@ ----  %@",cell.detailTextLabel.text,cell.textLabel.text);
                    }
                });
            });
            dispatch_resume(_timer); // 启动定时器
        }
    
    }
    
    

    核心代码3: 当别人想通过修改本地时间 影响倒计时时怎么办?👇

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(setupLess) name:UIApplicationDidBecomeActiveNotification object:nil];
    

    这里只需通过通知中心监听 我们的APP从后台重新变为前台UIApplicationDidBecomeActiveNotification并重新计算_less差值 为什么?
    好吧,应该不用解释

    /**
     *  主动销毁定时器
     */
    -(void)destoryTimer{
        if (_timer) {
            dispatch_source_cancel(_timer);
            _timer = nil;
        }
    }
    

    最后一段常规代码: 销毁 👆

    改变本地时间依然正确演示

    ========= 任何其他问题,欢迎留言,愿与你一起学习😁=====

    相关文章

      网友评论

      • 勿忘初衷_2519:请问我用你的这个,倒计时都是一样是什么问题啊,我都把你的demo的拷贝了
        马铃薯蜀黍:@勿忘初衷_2519 demo里的倒计时时间是随机生成的 不会一样啊🤔
        勿忘初衷_2519:@马铃薯蜀黍 不一样,第一次显示的时候我看了不一样,到倒计时的时候就全部一样了
        马铃薯蜀黍:@勿忘初衷_2519 你传入的倒计时数组是一样的?
      • WilliamChou_:大神大神 请问你 用的是 时间戳 还是 什么形式的时间呀
        马铃薯蜀黍:@WilliamChou_ 时间戳
      • 冬ge:倒计时感觉有点快 怎么解决呢
        马铃薯蜀黍:http://www.jianshu.com/p/5b4e0286658a这里我增加了新代码,用这个吧
      • 只是个少年:定时器里面的方法,我改成刷新可见cell, [tableView reloadRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationNone];发现也可以,代码更少了。这样可行吗
        马铃薯蜀黍:截个图吧 我看看你咋改的
        只是个少年:这样不会有别的坑吧
      • 贱精先玍丶:mark
        贱精先玍丶:@马铃薯蜀黍 :blush: 谢谢分享
        马铃薯蜀黍: http://www.jianshu.com/p/5b4e0286658a 我这里把闪的问题解决了,另外做了扩展封装分组数据也可以,5行代码就可使用
      • 闻醉山清风:楼主。。你这个服用的时候cell上数据会闪一下。。

        马铃薯蜀黍:@月下第七 没个cell创建一个倒计时?
        闻醉山清风:@马铃薯蜀黍 我想了很多办法。。最简单暴力的就是把cell上的这个倒计时放到runloop里面去执行。。但是又担心有别的问题。。
        马铃薯蜀黍:是吧 ... 应该就是这样的吧

      本文标题:cell (iOS表格) - 简单实现一个定时器管理600个倒计

      本文链接:https://www.haomeiwen.com/subject/arkhuttx.html