活动秒杀倒计时

作者: Leslie_Lee | 来源:发表于2020-10-22 17:16 被阅读0次

https://www.jianshu.com/p/df43f1983eab


// 秒杀倒计时

        _cutDown(t) {

            let _self = this

            let startTime = t.startTime // 开始时间时间戳

            let endTime = t.endTime     // 结束时间时间戳

            // 当前日期转换为1970-01-01后的时间戳

            let nowTime = format.time((new Date()).getTime(), 'YYYY-MM-DD HH:mm:ss')

            nowTime = new Date(nowTime.replace(/.{10}/, '1970-01-01')).getTime()

            let times = (endTime - nowTime) / 1000

            let timmer = setInterval(() => {

                if (times <= 0) {

                    _self.setData({ finish: true })

                    clearInterval(timmer)

                    timmer = null

                }

                times--

                let HH = Math.floor(times / 3600)

                let mm = Math.floor((times - HH * 3600) / 60)

                let ss = Math.floor((times - HH * 3600) % 60)

                _self.setData({

                    HH: format.twoDigit(HH),

                    mm: format.twoDigit(mm),

                    ss: format.twoDigit(ss)

                })

            }, 1000)

        },

相关文章

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

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

  • 活动秒杀倒计时

    https://www.jianshu.com/p/df43f1983eab[https://www.jiansh...

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

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

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

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

  • redis实现秒杀

    秒杀活动内容实现简单的秒杀页面(显示当前秒杀活动状态)和秒杀接口,不需要考虑下订单和退货流程。秒杀接口要求时间到了...

  • 秒杀活动倒计时效果

    最近做商品的秒杀活动需求如下 1.活动前有预热期提示如 距开始:01:00:00:00 (天 时 分 秒); 2....

  • 秒杀——活动,智能运动手

    智能运动手环秒杀活动 在每天上午十点,本项目都将会定向开启秒杀活动,每次秒杀活动都将推出5个智能手环产品,活动周...

  • 到底亚马逊秒杀进度条是什么意思

    亚马逊秒杀进度条是什么 亚马逊秒杀进度条是亚马逊秒杀活动,比如Lightning Deals等限时低价活动中,商家...

  • 高性能秒杀

    秒杀是电子商务网站常用的一种营销手段。 秒杀对网站技术是极大的挑战,秒杀活动带来的并发访问量大。 秒杀活动的技术挑...

  • 终于知道为什么总抢不到京东优惠券了?

    大家伙有没有发现京东每次做活动的优惠券,不管你手速多么快,总是显示活动已结束?辛辛苦苦蹲点要秒杀,倒计时完毕直接是...

网友评论

    本文标题:活动秒杀倒计时

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