小程序里面同个页面多个倒计时,共用同一个实例?

如题,我现在遇到的问题是一个商品列表,每个商品都需要展示倒计时,用的同一个组件,都传入倒计时秒数props,但发现都展示的相同秒数了,也就是共用了同一个实例。。请问怎么解决的呢谢谢。

阅读 2.9k
3 个回答

1、维护一个当前毫秒数: currentTime

可以通过 setInterval 实现,每秒刷新

2、商品信息中包含(活动开始时间、或者活动结束时间)的毫秒数:endTime
3、将 endTime - currentTime 毫秒差转换为需要的格式:距活动开始、结束 01小时20分04秒。。。

可以用 wxs 封装个方法

这个需要在倒计时组件侧做处理

每个商品的展示就是一个组件? 那可以每个商品组件里分别做倒计时

推荐问题