微信小程序中如何设置订单倒计时功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1663个文字,预计阅读时间需要7分钟。
原文示例:本文字例为大家庭分享了微信小程序实现订单倒计时功能的具体代码,供大家参考。在此之前,在做的一个有拼团功能的项目的时侯,遇到过倒计时的问题,因为当时对技术不熟悉,所以搁置了。
改写后:大家庭分享了微信小程序实现订单倒计时功能的相关代码,供大家参考。此前,在开发一个含拼团功能的项时,遭遇了倒计时难题,因技术生疏,项目暂缓。
本文实例为大家分享了微信小程序实现订单倒计时的具体代码,供大家参考,具体内容如下
之前在做一个有拼团功能项目的时候遇到过倒计时的问题,由于当时技术不熟在这方面耽搁了好些时间,所以这里整理出来希望能为后来人提供些许启发。
1.实现思路
求出发起拼团时间与拼团结束时间的时间差
再将时间差格式化得到我们想要的格式如:
时间每秒递减使用了 setTimeout(this.setTimeCount,1000);这个函数,让这个函数每隔一秒执行一次。
效果图:
2.实现中的难点
若是要实现单个倒计时如60s发送验证码倒不是很难,难的是多条倒计时。
不同的订单下单时间是不一样的时间差time也就不一样,所以当初在这卡了很久,后来想通一切才觉得原来如此。
实现方法1:是后台计算出时间前端直接获取时间差,当时为了不影响项目进度我们用的就是这个方法,真是苦了那个些后台的兄弟还得迁就我这个菜鸟。
获取这个时间差time后我们就可以将它处理后放入数组循环。这样做的好处是前端不用将time作为一个属性添加到原数组中。
本文共计1663个文字,预计阅读时间需要7分钟。
原文示例:本文字例为大家庭分享了微信小程序实现订单倒计时功能的具体代码,供大家参考。在此之前,在做的一个有拼团功能的项目的时侯,遇到过倒计时的问题,因为当时对技术不熟悉,所以搁置了。
改写后:大家庭分享了微信小程序实现订单倒计时功能的相关代码,供大家参考。此前,在开发一个含拼团功能的项时,遭遇了倒计时难题,因技术生疏,项目暂缓。
本文实例为大家分享了微信小程序实现订单倒计时的具体代码,供大家参考,具体内容如下
之前在做一个有拼团功能项目的时候遇到过倒计时的问题,由于当时技术不熟在这方面耽搁了好些时间,所以这里整理出来希望能为后来人提供些许启发。
1.实现思路
求出发起拼团时间与拼团结束时间的时间差
再将时间差格式化得到我们想要的格式如:
时间每秒递减使用了 setTimeout(this.setTimeCount,1000);这个函数,让这个函数每隔一秒执行一次。
效果图:
2.实现中的难点
若是要实现单个倒计时如60s发送验证码倒不是很难,难的是多条倒计时。
不同的订单下单时间是不一样的时间差time也就不一样,所以当初在这卡了很久,后来想通一切才觉得原来如此。
实现方法1:是后台计算出时间前端直接获取时间差,当时为了不影响项目进度我们用的就是这个方法,真是苦了那个些后台的兄弟还得迁就我这个菜鸟。
获取这个时间差time后我们就可以将它处理后放入数组循环。这样做的好处是前端不用将time作为一个属性添加到原数组中。

