vue 中使用 倒计时 时分秒 毫秒
1.直接上代码//时间倒计时处理countTime() {var date = new Date()var now = date.getTime()var end = this.treasu_data.etime * 1000//this.treasu_data 在data中定义的var leftTime = en...
·
1.直接上代码
//时间倒计时处理
countTime() {
var date = new Date()
var now = date.getTime()
var end = this.treasu_data.etime * 1000 //this.treasu_data 在data中定义的,后台拿到的结束时间戳
var leftTime = end - now //时间差
var d, h, m, s, ms
if (leftTime >= 0) {
d = Math.floor(leftTime / 1000 / 60 / 60 / 24)
h = Math.floor(((leftTime / 1000 / 60 / 60) % 24) + 24 * d)
m = Math.floor((leftTime / 1000 / 60) % 60)
s = Math.floor((leftTime / 1000) % 60)
ms = Math.floor(leftTime % 1000)
if (ms < 100) {
ms = '0' + ms
}
if (s < 10) {
s = '0' + s
}
if (m < 10) {
m = '0' + m
}
// if(h < 10) {
h = h
// }
} else {
// console.log('已截止')
}
//将倒计时赋值到div中
this.date_d = d //这里是渲染的天数
this.date_h = h //这里是渲染的小时
this.date_m = m //这里是渲染的分钟
this.date_s = s //这里是渲染的秒数
this.date_ms = ms /这里是渲染的毫秒
//递归每秒调用countTime方法,显示动态时间效果
setTimeout(this.countTime, 50)
},
2.说明.因为需求是没有天数这么一说,说以把天数加载小时的上面了!
更多推荐
已为社区贡献6条内容
所有评论(0)