美文网首页UISwift
iOS Swift 秒杀倒计时(日时分秒倒计时)

iOS Swift 秒杀倒计时(日时分秒倒计时)

作者: jzhang | 来源:发表于2019-03-18 22:24 被阅读0次

秒杀倒计时是电商项目常用的功能,最近项目里用到,总结一下。

效果图(gif播放速度有点问题,实际没这么快)

这个效果核心就是Timer的使用以及通过秒数计算出时间字符串

Timer

关于Timer使用和优化看这里,就不再赘述了。
Swift Timer的销毁问题以及优化

秒数转字符串

/// 秒数转化为时间字符串
    func secondsToTimeString(seconds: Int) -> String {
        //天数计算
        let days = (seconds)/(24*3600);
        
        //小时计算
        let hours = (seconds)%(24*3600)/3600;
        
        //分钟计算
        let minutes = (seconds)%3600/60;
        
        //秒计算
        let second = (seconds)%60;
        
        let timeString  = String(format: "%lu天 %02lu:%02lu:%02lu", days, hours, minutes, second)
        return timeString
    }

我为了使用方便,抽出了一个ZJKillTimer类,不用关心Timer的使用不当的问题,一行代码就可以直接完成秒杀倒计时功能,页面退出时Timer也会自动被释放。

        //seconds根据实际计算(活动结束时间减去当前时间得出的秒数)
        killTimer = ZJKillTimer(seconds: 43200, callBack: {[weak self] (text) in
            self?.labelText.text = text
        })

回调里面的text就是所需要的字符串了

Demo地址

相关文章

  • 小程序实现简单的倒计时秒杀效果

    1:小程序实现电商秒杀倒计时效果+样式 wxml: wxss: js 效果如下 2:时分秒倒计时+样式拼团秒杀功能...

  • 倒计时

    ios怎么在cell上添加倒计时 iOS中 简单易懂的秒杀倒计时/倒计时 iOS开发-三种倒计时的写法 iOS实现...

  • iOS Swift 秒杀倒计时(日时分秒倒计时)

    秒杀倒计时是电商项目常用的功能,最近项目里用到,总结一下。 这个效果核心就是Timer的使用以及通过秒数计算出时间...

  • vue倒计时 日时分秒

    公司业务要求:活动截止日期倒计时显示日时分秒平常的倒计时都是60秒,或者时分秒的。只能重头整一个

  • 常用的倒计时功能

    移动端经常会遇到点击获取短信验证码60s倒计时或者是秒杀活动的需求,对于日时分秒自己每次都得重新计算,于是自己就封...

  • React Native 之倒计时(定时器)控件

    因为项目购物需要抢购倒计时展示功能,所以封装了个时分秒倒计时控件。把获取的的时间戳换算成时分秒传递给控件,时间戳换...

  • (转)JS实现活动精确倒计时

    背景 前端页面倒计时功能在很多场景中会用到,如运营活动开始倒计时和活动结束倒计时,又如购物网站的秒杀倒计时,抢购倒...

  • js业务常用函数

    js来控制 字符串的长度! 去掉年月日时分秒 里的 时分秒! 根据时间差值 输出 倒计时的格式化 更加细则的判断数...

  • 一个简单的倒计时小例子

    倒计时在秒杀或抢购活动中尤为常用,那今天我就带大家写一种最简单的倒计时。

  • jdM站首页

    导航变色方法封装 banner轮播图方法封装 倒计时秒杀方法

网友评论

    本文标题:iOS Swift 秒杀倒计时(日时分秒倒计时)

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