const state = reactive({
day: "00",
hour: "00",
minute: "00",
second: "00",
});
const openTime = new Date("2022-12-15 17:00:00").getTime();
let timer = setInterval(() => {
const now = new Date().getTime();
if (now > openTime) {
clearInterval(timer);
timer = null;
} else {
const diff = openTime - now;
state.day = Math.floor(diff / 1000 / 60 / 60 / 24)
.toString()
.padStart(2, "0");
state.hour = (Math.floor(diff / 1000 / 60 / 60) % 24)
.toString()
.padStart(2, "0");
state.minute = (Math.floor(diff / 1000 / 60) % 60)
.toString()
.padStart(2, "0");
state.second = (Math.floor(diff / 1000) % 60)
.toString()
.padStart(2, "0");
}
}, 1000);
Vue3.0-倒计时
于 2022-12-15 17:13:25 首次发布