uView——倒计时

后台返回订单结束的时间（这里的例子返回的是秒数）

代码：

<!-- 12小时24分后，自动关闭订单 -->
<u-count-down :time="countDownTime" format="DD:HH:mm:ss" autoStart millisecond @change="onChange"><view class="time"><text class="time__item" v-if="timeData.days">{{timeData.days}}天</text><text class="time__item" v-if="timeData.hours">{{timeData.hours>10?timeData.hours:'0'+timeData.hours}}时</text><text class="time__item" v-if="timeData.minutes">{{timeData.minutes}}分</text><text class="time__item">{{timeData.seconds}}秒</text><text class="time__item">后，自动关闭订单</text></view>
</u-count-down>

data() {return {// 倒计时关闭订单countDownTime: 0,timeData: {},}
},
methods:{onChange(e) {this.timeData = eif (!this.timeData.days && !this.timeData.hours && !this.timeData.minutes && !this.timeData.seconds) {this.getOrderDetails()}}//接口返回的数let time = new Date().valueOf() //获取当前的时间戳this.countDownTime = (res.data.time * 1000) - time //未来的时间戳减去当前的时间戳就是要倒计时的时间
}

网址

https://www.uviewui.com/components/countDown.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！