话不多说,上代码
<template>
<view>
<span>
{{h}}:
</span>
<span>
{{m}}:
</span>
<span>
{{s}}
</span>
</view>
</template>
<script>
export default {
data() {
return {
h: "",
m: "",
s: ""
}
},
onLoad() {
//定一个限制时间
let t = "2023-09-25 24:00:00"
// 倒计时
setInterval(() => {
// 获取当前日期时间
let dtnow = new Date()
// 获取限定时间的标准时间
let dt = new Date(t)
// 计算时间差
let ms = dt - dtnow
// 倒计时的“时”,用两个0补全
this.h = (parseInt(ms / 1000 / 60 / 60) + "").padStart(2, "0")
// 倒计时的“分”
this.m = (new Date(ms).getMinutes() + "").padStart(2, "0")
// 倒计时的“秒”
this.s = (new Date(ms).getSeconds() + "").padStart(2, "0")
}, 1000)
},
methods: {
}
}
</script>
<style>
</style>
然后就得到倒计时啦