微信小程序多个商品 30分钟倒计时

商品30分钟倒计时，

//30分钟倒计时Page({/*** 页面的初始数据*/data: {order: [{_id: 'wersdfsdfe89',status: 'unpay',//未支付状态publicTime: '2022-10-28 00:11:59',//订单发布时间countdown:'30:00'//倒计时},{_id: 'sdfsdfsd654',status: 'unpay',//未支付状态publicTime: '2022-10-28 00:10:59',countdown:'30:00'}]},/*** 生命周期函数--监听页面显示*/onShow() {//进行倒计时判断const { order } = this.dataorder.forEach(item => {if (item.status === 'unpay') {this.countdown(item._id, item.publicTime)}})},// 倒计时countdown(_id, publicTime) {const that = this//倒计时结束时间，将发布时间转化为秒,然后加上30分钟，即30分钟倒计时const endTime = new Date(publicTime).getTime() / 1000 + 30 * 60//当前时间，转化为秒const nowTime = new Date().getTime() / 1000//时间差let timeDiff = Math.floor(endTime - nowTime)//判断倒计时是否超过30分钟，即时间差是否小于0if (timeDiff < 0) {//修改订单状态为 invalid已失效that.updateOrder(_id,'status')} else {let myTime = setInterval(() => {if (timeDiff < 0) {//修改订单状态为 invalid已失效that.updateOrder(_id,'status')clearInterval(myTime)return} else {//将时间转化为 分：秒const t = that.formatTime(timeDiff)//修改that.order中的countdownthat.updateOrder(_id,t)}timeDiff--}, 1000);}},//倒计时时间格式化formatTime(totalSecond){//剩余天数//var day = Math.floor(totalSecond / 3600 / 24)//n天后剩余小时数// var hour = Math.floor(totalSecond /3600 % 24)//n天n小时后剩余分钟数var min = Math.floor(totalSecond / 60 % 60)min = min<10 ? '0'+min:min//n天n小时n分钟后剩余秒数var sec = Math.floor(totalSecond % 60)sec = sec<10 ? '0'+sec:sec//return day + "天" + hour + "小时" + min + "分" + sec + "秒"return min + ":" + sec},//修改订单,根据value值判断具体修改的属性updateOrder(_id,value) {  let { order } = this.dataorder.forEach(item => {if (item._id === _id) {if(value === 'status'){//修改订单状态为 已失效invaliditem.status = 'invalid'}else{         //更新倒计时属性item.countdown = value}}})this.setData({order})//根据_id，修改数据库中对应数据的status},})

微信小程序多个商品 30分钟倒计时相关推荐

Python爬虫系列之爬取某优选微信小程序全国店铺商品数据
Python爬虫系列之爬取某优选微信小程序全国商品数据小程序爬虫接单.app爬虫接单.网页爬虫接单.接口定制.网站开发.小程序开发 > 点击这里联系我们 < 微信请扫描下方二维码代码仅 ...
微信小程序，购买商品属性自动换行，固定div个数，超出部分自动换行
微信小程序,购买商品属性自动换行,固定div个数,超出部分自动换行参考**指定每行div个数(三个为例)** <view class="spec"><view ...
微信小程序实战篇-商品详情页（二）
今天要讲解商品详情页中sku的弹出选着框,这个涉及css动画样式,css动画是新的知识点,我们之前并没有接触过,请大家做好笔记,我们要做的效果是酱紫的~ 这个布局难点是需要绘制一个阴影背景.弹出的动画 ...
微信小程序详细图文教程-10分钟完成微信小程序开发部署发布（3元获取腾讯云服务器带小程序支持系统）...
很多朋友都认为微信小程序申请.部署.发布很难,需要很长时间. 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发.部署.发布的方式.当然,实现 ...
微信小程序详细图文教程-10分钟完成微信小程序开发部署发布
很多朋友都认为微信小程序申请.部署.发布很难,需要很长时间. 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发.部署.发布的方式.当然,实现 ...
微信小程序详细图文教程-10分钟完成微信小程序开发部署发布小程序趟过的坑，你遇到几个？？
很多朋友都认为微信小程序申请.部署.发布很难,需要很长时间. 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发.部署.发布的方式.当然,实现 ...
微信小程序商城开发-商品详情页跳转购物车
项目场景: 微信小程序商城开发中商品详情页中购物车页面的跳转(仅限于tabbar页面的跳转) 问题描述点击商品详情页中的购物车图标跳转不到tabbar及导航栏中的购物车页面,总是报错原因分析: 微 ...
微信小程序功能：商品收藏-图片预览-客服-分享-加入购物车
微信小程序–商品详情页面包含功能点: 商品收藏图片预览客服分享加入购物车跳转到购物车页面(注意:open-type="switchTab") 结构:goods_deta ...
微信小程序点击商品跳转商品详情页面的方法
最近在学习微信小程序电商类开发的时候遇到了一个问题.自己写好的json AIP 接口想通过点击相同的图片跳转到商品详情页面无法实现,几经周折后想到了 navigator 通过页面传参取json数据 ...

微信小程序多个商品 30分钟倒计时

微信小程序多个商品 30分钟倒计时相关推荐

最新文章

热门文章

微信小程序 多个商品 30分钟倒计时

微信小程序 多个商品 30分钟倒计时相关推荐

最新文章

热门文章

微信小程序多个商品 30分钟倒计时

微信小程序多个商品 30分钟倒计时相关推荐