iOS实现毫秒倒计时的方法详解

前言

大家应该都知道在app开发中，当展示限时优惠的某些商品时，往往会加一个倒计时，提示用户该商品限时优惠所剩的时间，。那对于开发者来说，这就需要我们去实现的是一个倒计时的功能，这个倒计时根据具体需求，可以以天、小时、分、秒、毫秒作单位。

今天呢，主要说说毫秒计时器。我们知道秒和毫秒之间的进制是1000，也就是说1秒=1000毫秒，那我们做毫秒倒计时器的时候是设置一个时间间隔为1毫秒的计时器，逐一减少毫秒数。但是这样的话太耗时了，所以很多的毫秒计时器中的毫秒数只是0-9之间的数字，这就意味着，这个毫秒计时器的时间间隔是100毫秒，这样相比起1毫秒为间隔的计时器，其消耗就少了很多，同时也达到毫秒计时的效果。

那对于整个毫秒倒计时的实现思路就是：得到未来某个日期的时间戳和当前日期的时间戳，计算这两者之间的时间差，然后设置一个时间间隔为100毫秒的计时器，每隔100毫秒，更新一下倒计时器上相应的数值。

实现方法

自定义一个UIview，将倒计时封装起来。

一、在MsecCountDownView.h中增加时间戳和计时器这两属性

@interface MsecCountDownView : UIView

@property(nonatomic, assign)double timeInterval;//未来某个日期的时间戳
@property(nonatomic, strong)NSTimer *timer ; //定时器

@end

二、在MsecCountDownView.m实现相关UI及倒计时方法

@interface MsecCountDownView (){
UIView *countdownBackView;
CGFloat _passTime;
}
@property(nonatomic, strong)UILabel *tipLabel;
@property(nonatomic, strong)UILabel *hoursLabel;
@property(nonatomic, strong)UILabel *minutesLabel;
@property(nonatomic, strong)UILabel *secondsLabel;
@property(nonatomic, strong)UILabel *millionSecondsLabel;
@property(nonatomic, strong)UILabel *label1;
@property(nonatomic, strong)UILabel *label2;
@property(nonatomic, strong)UILabel *label3;
@property(nonatomic, strong)UILabel *label4;
@end

创建相关UI

- (instancetype)initWithFrame:(CGRect)frame
{
 self = [super initWithFrame:frame];

 if (self) {

  countdownBackView=[[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
  [self addSubview:countdownBackView];
  _tipLabel=[[UILabel alloc] init];
  _tipLabel.frame = CGRectMake(0, 0, 40, countdownBackView.frame.size.height);
  [countdownBackView addSubview:_tipLabel];

  _tipLabel.font = [UIFont systemFontOfSize:12];


  //小时
  _hoursLabel=[[UILabel alloc] initWithFrame:CGRectMake(_tipLabel.frame.origin.x+_tipLabel.frame.size.width, 0, 35, countdownBackView.frame.size.height)];
  [countdownBackView addSubview:_hoursLabel];
  _hoursLabel.font = [UIFont systemFontOfSize:11];

  _label1=[[UILabel alloc] initWithFrame:CGRectMake(_hoursLabel.frame.origin.x+_hoursLabel.frame.size.width, _hoursLabel.frame.origin.y, 8, countdownBackView.frame.size.height)];
  [countdownBackView addSubview:_label1];

  //分钟
  _minutesLabel=[[UILabel alloc] initWithFrame:CGRectMake(_label1.frame.origin.x+_label1.frame.size.width, _hoursLabel.frame.origin.y, 20, countdownBackView.frame.size.height)];
  [countdownBackView addSubview:_minutesLabel];
  _minutesLabel.font = [UIFont systemFontOfSize:11];

  _label2=[[UILabel alloc] initWithFrame:CGRectMake(_minutesLabel.frame.origin.x+_minutesLabel.frame.size.width, _hoursLabel.frame.origin.y, 8, countdownBackView.frame.size.height)];
  [countdownBackView addSubview:_label2];

  //秒
  _secondsLabel=[[UILabel alloc] initWithFrame:CGRectMake(_label2.frame.origin.x+_label2.frame.size.width, _hoursLabel.frame.origin.y, 20 , countdownBackView.frame.size.height)];
  [countdownBackView addSubview:_secondsLabel];


  _secondsLabel.font = [UIFont systemFontOfSize:11];

  _label3=[[UILabel alloc] initWithFrame:CGRectMake(_secondsLabel.frame.origin.x+_secondsLabel.frame.size.width, _hoursLabel.frame.origin.y, 8 , countdownBackView.frame.size.height)];
  [countdownBackView addSubview:_label3];


  _millionSecondsLabel=[[UILabel alloc] initWithFrame:CGRectMake(_label3.frame.origin.x+_label3.frame.size.width, _hoursLabel.frame.origin.y, 20, countdownBackView.frame.size.height)];
  [countdownBackView addSubview:_millionSecondsLabel];


   //毫秒

  _millionSecondsLabel.font = [UIFont systemFontOfSize:11];

  _label1.textAlignment=1;
  _label2.textAlignment=1;
  _label3.textAlignment = 1;
  _hoursLabel.textAlignment=1;
  _minutesLabel.textAlignment=1;
  _secondsLabel.textAlignment=1;
  _millionSecondsLabel.textAlignment=1;


  _passTime=0.0;
 }


 return self;
}

生成一个计时器

//得到未来某个日期的时间戳，与当前时间戳相比，得到两者的时间差，生成定时器
- (void)setTimeInterval:(double)timeInterval
{

 _timeInterval = timeInterval ;

 NSDateFormatter *dataFormatter = [[NSDateFormatter alloc] init];
 dataFormatter.dateFormat = @"MM/dd/yyyy HH:mm:ss.SSS";

 //获取当前系统的时间，并用相应的格式转换
 [dataFormatter stringFromDate:[NSDate date]];
 NSString *currentDayStr = [dataFormatter stringFromDate:[NSDate date]];
 NSDate *currentDate = [dataFormatter dateFromString:currentDayStr];

 //优惠结束的时间，也用相同的格式去转换
 NSDate *date = [NSDate dateWithTimeIntervalSince1970:timeInterval/1000.0];
 NSString *deadlineStr = [dataFormatter stringFromDate:date];
 NSDate *deadlineDate = [dataFormatter dateFromString:deadlineStr];

 _timeInterval=[deadlineDate timeIntervalSinceDate:currentDate]*1000;

 if (_timeInterval!=0)
 {

  //时间间隔是100毫秒，也就是0.1秒
  _timer = [NSTimer scheduledTimerWithTimeInterval:0.1f target:self selector:@selector(timerAction) userInfo:nil repeats:YES];

  [[NSRunLoop currentRunLoop] addTimer:_timer forMode:UITrackingRunLoopMode];
 }else{
  [countdownBackView removeFromSuperview];

 }

}

实现每隔100毫秒执行的方法，更新倒计时器上面相应的数值

// 每间隔100毫秒定时器触发执行该方法
- (void)timerAction
{

 [self getTimeFromTimeInterval:_timeInterval] ;


 // 当时间间隔为0时干掉定时器
 if (_timeInterval-_passTime == 0)
 {
  [_timer invalidate] ;
  _timer = nil ;
 }
}

// 通过时间间隔计算具体时间(小时,分,秒,毫秒)
- (void)getTimeFromTimeInterval : (double)timeInterval
{

 //1s=1000毫秒
 _passTime += 100.f;//毫秒数从0-9，所以每次过去100毫秒
 _tipLabel.text=@"还剩：";

 _label3.text=@".";
 _label2.text=@":";
 _label1.text=@":";

 //小时数
 NSString *hours = [NSString stringWithFormat:@"%ld", (NSInteger)((timeInterval-_passTime)/1000/60/60)];
 //分钟数
 NSString *minute = [NSString stringWithFormat:@"%ld", (NSInteger)((timeInterval-_passTime)/1000/60)%60];
 //秒数
 NSString *second = [NSString stringWithFormat:@"%ld", ((NSInteger)(timeInterval-_passTime))/1000%60];
 //毫秒数
 CGFloat sss = ((NSInteger)((timeInterval - _passTime)))%1000/100;


 NSString *ss = [NSString stringWithFormat:@"%.lf", sss];

 if (minute.integerValue < 10) {
  minute = [NSString stringWithFormat:@"0%@", minute];
 }


 self.hoursLabel.text = [NSString stringWithFormat:@"%@",hours];
 self.minutesLabel.text = [NSString stringWithFormat:@"%@",minute];
 self.secondsLabel.text = [NSString stringWithFormat:@"%@",second];
 self.millionSecondsLabel.text = [NSString stringWithFormat:@"%@",ss];

 if (timeInterval - _passTime <= 0) {
  [countdownBackView removeFromSuperview];
  [self removeFromSuperview];
 }

}

三、在ViewController.m给倒计时器赋值，实现自己想要的倒计时

- (void)viewDidLoad {
 [super viewDidLoad];

 msecView=[[MsecCountDownView alloc] initWithFrame:CGRectMake(50, 100, self.view.frame.size.width-100, 16)];
 [self.view addSubview:msecView];

 NSDateFormatter *formatter = [[NSDateFormatter alloc] init];

 [formatter setDateStyle:NSDateFormatterMediumStyle];

 [formatter setTimeStyle:NSDateFormatterShortStyle];

 [formatter setDateFormat:@"yyyy-MM-dd HH:mm:ss.SSS"];


 NSDate* date = [formatter dateFromString:@"2017-04-11 15:10:00.000"];
 //将日期转换成时间戳
 NSInteger timeSp = [[NSNumber numberWithDouble:[date timeIntervalSince1970]] integerValue]*1000;

 msecView.timeInterval=timeSp;

}

这样就实现倒计时的功能了。但是使用倒计时还需要注意一点，当离开该页面的时候，记得把定时器暂停，等回到该页面的时候再启动倒计时。

这个可以通过以下两方法实现。

-(void)viewWillAppear:(BOOL)animated{

// 页面出现时，开启计时器 
 [msecView.timer setFireDate:[NSDate distantPast]];

}
-(void)viewWillDisappear:(BOOL)animated{
// 页面消失时，暂停提示器
 [msecView.timer setFireDate:[NSDate distantFuture]];
}

如有需要，可通过下面两种方法下载demo

一：GitHub上下载

二：本地下载

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# ios  # 倒计时显示毫秒  # 倒计时  # 分秒毫秒  # 倒计时毫秒2位数  # IOS开发代码分享之用nstimer实现倒计时功能  # IOS实现验证码倒计时功能（一）  # IOS关于大型网站抢购、距活动结束  # 剩余时间倒计时的实现代码  # ios 实现倒计时的两种方式  # iOS中实现简单易懂秒杀倒计时／倒计时代码  # iOS中让多个cell上都出现倒计时的分析与实现  # iOS获取短信验证码倒计时的两种实现方法  # iOS启动页倒计时跳过按钮功能  # Swift实现iOS应用中短信验证码倒计时功能的实例分享  # iOS实现秒杀活动倒计时  # 计时器  # 这就  # 未来  # 每隔  # 的是  # 本地下载  # 如有  # 两种  # 可以通过  # 要注意  # 少了  # 自定义  # 这篇文章  # 现时  # 谢谢大家  # 可通过  # 转换成  # 往往会  # 还需 

相关文章： 制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  如何通过wdcp面板快速创建网站？  如何零成本快速生成个人自助网站？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  详解jQuery停止动画——stop()方法的使用  Python文件管理规范_工程实践说明【指导】  如何在局域网内绑定自建网站域名？  建站之星伪静态规则如何正确配置？  如何通过虚拟主机快速搭建个人网站？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  大连网站制作公司哪家好一点,大连买房网站哪个好？  建站主机默认首页配置指南：核心功能与访问路径优化  C++如何编写函数模板？（泛型编程入门）  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  宝塔面板创建网站无法访问？如何快速排查修复？  网站制作软件有哪些,制图软件有哪些？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  如何获取开源自助建站系统免费下载链接？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  建站之星与建站宝盒如何选择最佳方案？  存储型VPS适合搭建中小型网站吗？  购物网站制作公司有哪些,哪个购物网站比较好？  怀化网站制作公司,怀化新生儿上户网上办理流程？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  建站中国官网：模板定制+SEO优化+建站流程一站式指南  建站主机服务器选型指南与性能优化方案解析  开封网站制作公司,网络用语开封是什么意思？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  活动邀请函制作网站有哪些,活动邀请函文案？  如何在香港免费服务器上快速搭建网站？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  如何打造高效商业网站？建站目的决定转化率  建站VPS配置与SEO优化指南：关键词排名提升策略  微信小程序制作网站有哪些,微信小程序需要做网站吗？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  建站之星安装路径如何正确选择及配置？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  建站主机选购指南：核心配置与性价比推荐解析  建站主机如何安装配置？新手必看操作指南  在线制作视频的网站有哪些,电脑如何制作视频短片？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  招贴海报怎么做,什么是海报招贴？