iOS小Demo--倒计时的实现

做电商类的朋友经常会用到一个东西,那就是网购倒计时.所以今天就简单的实现了一下这个功能.用UILabel去显示时间.
封装了一个CountDownView.m文件

#import "CountDownView.h"
#define TIMELABELWIDTH 40
#define HEIGHT 40
#define COLONLABELWIDTH 10
#define Y 0

@interface CountDownView ()
{
    NSTimer *timer ; //定时器
}
// 我们用七个Label来显示 (冒号也算在内)---  天数 : 小时 : 分 : 秒
@property (nonatomic,retain)UILabel *dayLabel ; // 显示天数的Label
@property (nonatomic,retain)UILabel *colonAfterDayLabel ; // 跟在小时后便的冒号
@property (nonatomic,retain)UILabel *hourLabel ; // 显示小时的Label
@property (nonatomic,retain)UILabel *colonAfterHourLabel ; // 跟在小时后便的冒号
@property (nonatomic,retain)UILabel *minuteLabel ; // 显示分钟的Label
@property (nonatomic,retain)UILabel *colonAfterMinuteLabel ; // 跟在分钟后便的label
@property (nonatomic,retain)UILabel *secondLabel ; // 显示秒数的Label

@end

@implementation CountDownView

- (instancetype)initWithFrame:(CGRect)frame
{
    CGRect myFrame = CGRectMake(0, frame.origin.y, [[UIScreen mainScreen] bounds].size.width, 50) ;
    if ([super initWithFrame:myFrame])
    {
        [self addSubview:self.colonAfterDayLabel] ;
        [self addSubview:self.colonAfterHourLabel] ;
        [self addSubview:self.colonAfterMinuteLabel] ;
    }
    return self ;
}
// 每个时间Label宽度 50 高度40  每个冒号Label宽度10 高度40 相连放置即可
// 懒加载
- (UILabel *)dayLabel
{
    if (!_dayLabel)
    {
        _dayLabel = [[UILabel alloc] initWithFrame:CGRectMake(50, Y, TIMELABELWIDTH, HEIGHT)] ;
        _dayLabel.textAlignment = NSTextAlignmentCenter ;
        [self addSubview:_dayLabel] ;
    }
    return _dayLabel ;
}

- (UILabel *)colonAfterDayLabel
{
    if (!_colonAfterDayLabel)
    {
        _colonAfterDayLabel = [[UILabel alloc] initWithFrame:CGRectMake(50+TIMELABELWIDTH, Y, COLONLABELWIDTH, HEIGHT)] ;
        _colonAfterDayLabel.text = @":" ;
        _colonAfterDayLabel.textAlignment = NSTextAlignmentCenter ;
    }
    return _colonAfterDayLabel ;
}

- (UILabel *)hourLabel
{
    if (!_hourLabel)
    {
        _hourLabel = [[UILabel alloc] initWithFrame:CGRectMake(50 + TIMELABELWIDTH + COLONLABELWIDTH, Y, TIMELABELWIDTH, HEIGHT)] ;
        _hourLabel.textAlignment = NSTextAlignmentCenter ;
        [self addSubview:_hourLabel] ;
    }
    return _hourLabel ;
}

- (UILabel *)colonAfterHourLabel
{
    if (!_colonAfterHourLabel)
    {
        _colonAfterHourLabel = [[UILabel alloc] initWithFrame:CGRectMake(50 + TIMELABELWIDTH*2 + 10, Y, COLONLABELWIDTH, HEIGHT)] ;
        _colonAfterHourLabel.text = @":" ;
        _colonAfterHourLabel.textAlignment = NSTextAlignmentCenter ;
    }
    return _colonAfterHourLabel ;
}

- (UILabel *)minuteLabel
{
    if (!_minuteLabel)
    {
        _minuteLabel = [[UILabel alloc] initWithFrame:CGRectMake(50+(TIMELABELWIDTH + COLONLABELWIDTH)*2, Y, TIMELABELWIDTH, HEIGHT)] ;
        _minuteLabel.textAlignment = NSTextAlignmentCenter ;
        [self addSubview:_minuteLabel] ;
    }
    return _minuteLabel ;
}

- (UILabel *)colonAfterMinuteLabel
{
    if (!_colonAfterMinuteLabel)
    {
        _colonAfterMinuteLabel = [[UILabel alloc] initWithFrame:CGRectMake(50 + TIMELABELWIDTH*3 + COLONLABELWIDTH *2, Y, COLONLABELWIDTH, HEIGHT)] ;
        _colonAfterMinuteLabel.text = @":" ;
        _colonAfterMinuteLabel.textAlignment = NSTextAlignmentCenter ;
        
    }
    return _colonAfterMinuteLabel ;
}

- (UILabel *)secondLabel
{
    if (!_secondLabel)
    {
        _secondLabel = [[UILabel alloc] initWithFrame:CGRectMake(50 + (TIMELABELWIDTH + COLONLABELWIDTH)*3, Y, TIMELABELWIDTH, HEIGHT)] ;
        _secondLabel.textAlignment = NSTextAlignmentCenter ;
        [self addSubview:_secondLabel] ;
    }
    return _secondLabel ;
}

// 当我们给时间间隔赋值时,生成定时器
- (void)setTimeInterval:(NSInteger)timeInterval
{
    _timeInterval = timeInterval ;
    if (_timeInterval!=0)
    {
        timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(timerAction) userInfo:nil repeats:YES] ;
    }
}

// 获取时间间隔
- (NSTimeInterval)timeIntervalWithFormatterString : (NSString *)formatterString andFutureDataString : (NSString *)futureDataString
{
    // 获取当前时间
    NSDate *date = [NSDate date] ;
    // 创建时间格式对象
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init] ;
    // 设置时间格式
    [dateFormatter setDateFormat:formatterString] ;
    // 将你需要的时间格式字符串转化为日期对象
    NSDate *futureDate = [dateFormatter dateFromString:futureDataString] ;
    // 获取当前时间距你所需要时间的时间间隔
    NSTimeInterval timerInterval = [futureDate timeIntervalSinceDate:date] ;
    return timerInterval ;
}

// 每间隔一秒定时器触发执行该方法
- (void)timerAction
{
    // 定时器每次触发 时间间隔减一 也就是说时间间隔依次递减
    _timeInterval -- ;
    [self getTimeFromTimeInterval:_timeInterval] ;
    // 当时间间隔为0时干掉定时器
    if (_timeInterval == 0)
    {
        [timer invalidate] ;
        timer = nil ;
    }
}

// 通过时间间隔计算具体时间(天,小时,分,秒)
- (void)getTimeFromTimeInterval : (NSInteger)timeInterval
{
    // 通过时间间隔获取天数 小时数 分钟数 秒数
    NSInteger ms = timeInterval;
    NSInteger ss = 1;
    NSInteger mi = ss * 60;
    NSInteger hh = mi * 60;
    NSInteger dd = hh * 24;
    
    // 剩余的
    NSInteger day = ms / dd;// 天
    NSInteger hour = (ms - day * dd) / hh;// 时
    NSInteger minute = (ms - day * dd - hour * hh) / mi;// 分
    NSInteger second = (ms - day * dd - hour * hh - minute * mi) / ss;// 秒
    
    self.dayLabel.text = [NSString stringWithFormat:@"%zd天",day];
    self.hourLabel.text = [NSString stringWithFormat:@"%zd时",hour];
    self.minuteLabel.text = [NSString stringWithFormat:@"%zd分",minute];
    self.secondLabel.text = [NSString stringWithFormat:@"%zd秒",second];
}

@end
- (void)viewWillAppear:(BOOL)animated
{
// 初始化后添加 显示时间倒计时
    CountDownView *countDownView = [[CountDownView alloc] initWithFrame:CGRectMake(0, 50, 0, 0)] ;
    countDownView.timeInterval = [countDownView timeIntervalWithFormatterString:@"yyyy年-MM月-dd日 HH时-mm分-ss秒" andFutureDataString:@"2016年-1月-1日 00时-00分--00秒"] ;
    [self.view addSubview:countDownView] ;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,464评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 雨越下越大,像白幕从天际落下,遮蔽了远处高立的楼,雨点死命砸在地上,像要把地砸出个窟窿,噼里啪啦的声音盖过了汽笛声...
    西山书仆阅读 701评论 0 1
  • 文 | 彼怀 1 好多人都说:世界上没有纯洁的男女之情,只有数不清的纠缠与爱恨情仇。可是我偏偏不信这个邪,认为自己...
    彼怀阅读 454评论 20 21
  • 英达罗黄金IndaloGold相关问题 1、英达罗黄金IndaloGold是什么? 英达罗黄金IndaloGold...
    英达罗黄金阅读 348评论 0 0