微信小程序页面倒计时

最新推荐文章于 2023-03-30 15:31:17 发布

MoonMoonLee

最新推荐文章于 2023-03-30 15:31:17 发布

阅读量955

点赞数

文章标签： es6 微信小程序小程序

本文链接：https://blog.csdn.net/qq_39241421/article/details/121416629

版权

本文探讨了如何在微信小程序中实现倒计时功能。尽管Vue中的倒计时方法可以直接应用于小程序，但由于小程序的限制，不能在WXML页面中直接调用time()方法。解决方案是将该方法移至WXS文件中进行处理。

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

秒杀列表页有n条商品参加倒计时，那么此时vue中写的倒计时可以直接用到小程序中吗，答案是of course，当然能~

下面是处理数据列表里面的倒计时

 queryEventList() {
        let _this = this
        let args = {
            shopId: $.data.shop.shopId
        };
        app.service(
            $.SvName.EVENT_QUERY,
            args,
            ret => {
                if (ret.eventList.length > 0) {
                    ret.eventList.forEach((item, idx) => {
                        if (!item.curEnrollCnt) item.curEnrollCnt = 0;
                        item.pre_at = item.endDate
                        item.pre_at = Date.new(item.pre_at).getTime() - new Date().getTime()
                    })
                    ret.eventList.filter(item => item.pre_at > 0)
                    this.setData({
                        eventList: ret.eventList
                    })
                    if (this.data.ticker) { //这一段是防止进入页面出去后再进来计时器重复启动