2023年跨年倒计时器

.
.
.countdown-
.
.sub-
.video-
.countdown-
.
.container .
.container .btn:
@media (max-width: 767px) {
.
.countdown-
.video-
}
2023年跨年倒计时器
00:00:00
倒计时时钟
分:{{countdown}}
秒:{{countdown % 1}}
毫秒:{{countdown % 1000}}
const countdown = new Date("2023-01-01T00:00:00.000Z");
const timezoneOffset = -120;
const days = Math.floor((countdown.getTime() - (new Date("2023-01-01T00:00:00.000Z").getTime())) / (1000 * 60 * 60 * 24 * days));
const hours = Math.floor((countdown.getTime() - (new Date("2023-01-01T00:00:00.000Z").getTime())) / (1000 * 60 * 60 * hours));
const minutes = Math.floor((countdown.getTime() - (new Date("2023-01-01T00:00:00.000Z").getTime())) / (1000 * 60 * minutes));
const seconds = Math.floor((countdown.getTime() - (new Date("2023-01-01T00:00:00.000Z").getTime())) / (1000 * 60 * seconds));
document.getElementById("countdown").innerHTML = `
${days}天
${hours}时
${minutes}分
${seconds}秒
${countdown % 1}秒
`;
跨年倒计时器
分:{{countdown}}
开始倒计时时钟
停止倒计时时钟
let countdown = 0;
function startCountdown() {
document.getElementById("start-btn").addEventListener("click", () => {
countdown = 60;
startCountdownInterval();
});
}
function startCountdownInterval() {
clearInterval(timer);
document.getElementById("countdown").innerHTML = `
${countdown}秒
{{countdown % 1}}秒

正在倒计时时钟,请稍等...

`;
countdown++;
if (countdown >= 60) {
clearInterval(timer);
document.getElementById("countdown").innerHTML = `
${countdown}秒
00:00:00
倒计时时钟停止
`;
countdown = 0;
}
}
function stopCountdown() {
document.getElementById("stop-btn").addEventListener("click", () => {
clearInterval(timer);
});
}
let timer = null;
function resetCountdown() {
countdown = 0;
}