若有真实的后台数据 就该先获取到所需要的数据
实现效果: image.png
js代码块:
//定义一个函数
countDown: function () {
var time = this.data.goods.model.end_datetime //获取接口数据
var nowtime = parseInt(new Date().getTime() / 1000); //时间戳
if (time - nowtime > 0) {
var d = parseInt((time - nowtime) / 60 / 60 / 24)
var h = parseInt((time - nowtime) / 60 / 60 % 24)
var m = parseInt((time - nowtime) / 60 % 60)
var s = parseInt((time - nowtime) % 60)
this.setData({
endTime: {
d: d < 10 ? '0' + d : d,
h: h < 10 ? '0' + h : h,
m: m < 10 ? '0' + m : m,
s: s < 10 ? '0' + s : s
}
})
} else {
this.setData({
endTime: {
d: '00',
h: '00',
m: '00',
s: '00'
}
})
}
setTimeout(this.countDown, 1000) //定时器
},
wxml代码块:
<view class="base-day">
<text>{{endTime.d}}</text> 天
<text>{{endTime.h}}</text> :
<text>{{endTime.m}}</text> :
<text>{{endTime.s}}</text>
</view>
网友评论