uni-app实现拼多多倒计时拼团

最新推荐文章于 2024-01-28 11:10:37 发布

Carrie_zzz

最新推荐文章于 2024-01-28 11:10:37 发布

阅读量3.2k

点赞数 1

分类专栏：前端文章标签： uni-app 拼多多倒计时拼团滚动

本文链接：https://blog.csdn.net/Carrie_zzz/article/details/103580059

版权

本文介绍了如何在uni-app中实现拼多多拼团的倒计时功能。首先展示了倒计时效果，接着详细讲解了计算当前时间到结束时间戳的方法，并特别指出iOS设备对于日期格式的不兼容问题，提供了转换处理方案。最后，文章提及了单条或多条拼团信息的滚动展示细节。

摘要由CSDN通过智能技术生成

（xx）效果图？

在这里插入图片描述

（1）倒计时方法

其中self是我传入的uni-app中的this。 self.assembleData则为数组===》一个个团

export function countTime(self){
    let timer = setInterval(function () {
        for (let i = 0; i < self.assembleData.length; i++) {
            self.assembleData[i].remainTime -= 1000
            let t = self.assembleData[i].remainTime
            if (t > 0) {
                let day = Math.floor(t / 86400000)
                let hour = Math.floor((t / 3600000) % 24)
                let min = Math.floor((t / 60000) % 60)
                let sec = Math.floor((t / 1000) % 60)
                day = day < 10 ? '0' + day : day
                hour = hour < 10 ? '0' + hour : hour