IOS关于大型网站抢购、距活动结束,剩余时间倒计时的实现代码,代码比较简单,大家根据需求适当的添加修改删除代码
1.定义4个 Label 来接收倒计时:
@property (weak, nonatomic) IBOutlet UILabel *dayLabel; @property (weak, nonatomic) IBOutlet UILabel *hourLabel; @property (weak, nonatomic) IBOutlet UILabel *minuteLabel; @property (weak, nonatomic) IBOutlet UILabel *secondLabel;
2.在实现文件中实现方法:
//时间戳转换为日期格式(毫秒的时间戳) - (NSString *)timeWithTimeIntervalString:(NSString *)timeString { // 格式化时间 NSDateFormatter* formatter = [[NSDateFormatter alloc] init]; formatter.timeZone = [NSTimeZone timeZoneWithName:@"shanghai"]; [formatter setDateStyle:NSDateFormatterMediumStyle]; [formatter setTimeStyle:NSDateFormatterShortStyle]; [formatter setDateFormat:@"yyyy-MM-dd HH:mm:ss"]; // 毫秒值转化为秒 NSDate* date = [NSDate dateWithTimeIntervalSince1970:[timeString doubleValue]/ 1000.0]; NSString* dateString = [formatter stringFromDate:date]; NSLog(@"时间 === %@",dateString); return dateString; } -(void)downSecondHandle:(NSString *)aTimeString{ NSDateFormatter *dateFormatter=[[NSDateFormatter alloc] init]; [dateFormatter setDateFormat:@"yyyy-MM-dd HH:mm:ss"]; NSDate *endDate = [dateFormatter dateFromString:[self timeWithTimeIntervalString:aTimeString]]; //结束时间 NSDate *endDate_tomorrow = [[NSDate alloc] initWithTimeIntervalSinceReferenceDate:([endDate timeIntervalSinceReferenceDate])]; NSDate *startDate = [NSDate date]; NSString* dateString = [dateFormatter stringFromDate:startDate]; NSLog(@"现在的时间 === %@",dateString); NSTimeInterval timeInterval =[endDate_tomorrow timeIntervalSinceDate:startDate]; if (_timer==nil) { __block int timeout = timeInterval; //倒计时时间 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(), ^{ self.dayLabel.text = @""; self.hourLabel.text = @"00"; self.minuteLabel.text = @"00"; self.secondLabel.text = @"00"; }); }else{ int days = (int)(timeout/(3600*24)); if (days==0) { self.dayLabel.text = @""; } int hours = (int)((timeout-days*24*3600)/3600); int minute = (int)(timeout-days*24*3600-hours*3600)/60; int second = timeout-days*24*3600-hours*3600-minute*60; dispatch_async(dispatch_get_main_queue(), ^{ if (days==0) { self.dayLabel.text = @"0天"; }else{ self.dayLabel.text = [NSString stringWithFormat:@"%d天",days]; } if (hours<10) { self.hourLabel.text = [NSString stringWithFormat:@"0%d",hours]; }else{ self.hourLabel.text = [NSString stringWithFormat:@"%d",hours]; } if (minute<10) { self.minuteLabel.text = [NSString stringWithFormat:@"0%d",minute]; }else{ self.minuteLabel.text = [NSString stringWithFormat:@"%d",minute]; } if (second<10) { self.secondLabel.text = [NSString stringWithFormat:@"0%d",second]; }else{ self.secondLabel.text = [NSString stringWithFormat:@"%d",second]; } }); timeout--; } }); dispatch_resume(_timer); } } }
3.在需要出使用:
[self downSecondHandle:@"1494622800000"];
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍iOS中实现简单易懂秒杀倒计时/倒计时代码,包括了iOS中实现简单易懂秒杀倒计时/倒计时代码的使用技巧和注意事项,需要的朋友参考一下 示例代码简单易懂: 以上所述是小编给大家介绍的iOS中实现简单易懂秒杀倒计时/倒计时代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!
本文向大家介绍JS实现秒杀倒计时特效,包括了JS实现秒杀倒计时特效的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JS实现秒杀倒计时特效的具体代码,供大家参考,具体内容如下 知识点 添加一个定时器,对时间标签不断进行更新设置即可。 引入工具库工具库 运行效果 代码 引入MyTool.js 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍javascript时间排序算法实现活动秒杀倒计时效果,包括了javascript时间排序算法实现活动秒杀倒计时效果的使用技巧和注意事项,需要的朋友参考一下 制做一个活动页面 秒杀列表页 需要一个时间的算法排序 自己琢磨了半天想了各种算法也没搞出来,后来问了下一个后台的php同学 他写了个算法给我看了下 ,刚开始看的时候觉得这就是个纯算法,不能转化成页面的dom效果,可是再看了两遍发
本文向大家介绍JS实现商城秒杀倒计时功能(动态设置秒杀时间),包括了JS实现商城秒杀倒计时功能(动态设置秒杀时间)的使用技巧和注意事项,需要的朋友参考一下 一年一度的双十二如期而至,今天的你买买买了吗,下面小编给大家分享一个动态秒杀倒计时功能。 效果图 总结 以上所述是小编给大家介绍的JS实现商城秒杀倒计时功能(动态设置秒杀时间),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复
本文向大家介绍js实现京东秒杀倒计时功能,包括了js实现京东秒杀倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码,供大家参考,具体内容如下 首先给大家看看效果图,因为是做的移动端的,所以放大给大家看看局部就行: 关于实现京东秒杀,之前用过其他的方法,今天给大家分享一个原生的方法吧,不会很难. 1、倒计时页面结构: 2、css样式:这个是用
本文向大家介绍Android定时器和倒计时实现淘宝秒杀功能,包括了Android定时器和倒计时实现淘宝秒杀功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android实现淘宝秒杀的具体代码,供大家参考,具体内容如下 目录结构 效果图: imageViewHolder MyViewHolder recycleAdapter MainActivity SnapUpCountDown