<div id="app">{{ `${day}天 ${hr}小时 ${min}分钟 ${sec}分钟` }}</div>
data() {
return {
day: 0,
hr: 0,
min: 0,
sec: 0,
}
},
mounted() {
this.countdown()
},
methods: {
countdown() {
const end = Date.parse(new Date('2022-08-24 03:59:23'))
const now = Date.parse(new Date())
const msec = end - now
if (msec < 0) return
let day = parseInt(msec / 1000 / 60 / 60 / 24)
let hr = parseInt((msec / 1000 / 60 / 60) % 24)
let min = parseInt((msec / 1000 / 60) % 60)
let sec = parseInt((msec / 1000) % 60)
this.day = day
this.hr = hr > 9 ? hr : '0' + hr
this.min = min > 9 ? min : '0' + min
this.sec = sec > 9 ? sec : '0' + sec
const that = this
if (min >= 0 && sec >= 0) {
if (min == 0 && sec == 0) {
return
}
setTimeout(function () {
that.countdown()
}, 1000)
}
},
},
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战