我為學校里的一個專案做了一個計時器（我還在學校，是的，我沒有把 JavaScript 作為本學期我們上的一課）在 JavaScript 中，它在 0 之后繼續。我從老師那里得到了一些幫助，但我可以不要用流行病之類的東西聯系到他。
這是我撰寫的代碼，當它到達我輸入的日期時，它會進入 -0 -0 -0 -01 并從那里繼續。
const countdown = () => {
let countDate = new Date('Febuary 9, 2022 00:00:00').getTime();
let now = new Date().getTime();
let gap = countDate - now;
let second = 1000;
let minute = second * 60;
let hour = minute * 60;
let day = hour * 24;
let textDay = Math.floor(gap / day);
let textHour = Math.floor((gap % day) / hour);
let textMinute = Math.floor((gap % hour) / minute);
let textSecond = Math.floor((gap % minute) / second);
document.querySelector('.day').innerText = textDay;
document.querySelector('.hour').innerText = textHour;
document.querySelector('.minute').innerText = textMinute;
document.querySelector('.second').innerText = textSecond;
};
setInterval(countdown, 1000);
uj5u.com熱心網友回復：
setInterval回傳一個值，您可以將其傳遞給以clearInterval停止運行間隔。將該值存盤在變數中，例如：
let countInterval = 0;
const countdown = () => {
//...
};
countInterval = setInterval(countdown, 1000);
然后，countdown您可以檢查是否要清除該間隔。例如，如果您想在gap <= 0執行該邏輯時清除它：
if (gap <= 0) {
clearInterval(countInterval);
return;
}
當最終滿足該條件時，這將停止運行間隔。
例子：
let countInterval = 0;
const countdown = () => {
let countDate = new Date('January 11, 2022 13:35:00').getTime();
let now = new Date().getTime();
let gap = countDate - now;
if (gap <= 0) {
clearInterval(countInterval);
return;
}
let second = 1000;
let minute = second * 60;
let hour = minute * 60;
let day = hour * 24;
let textDay = Math.floor(gap / day);
let textHour = Math.floor((gap % day) / hour);
let textMinute = Math.floor((gap % hour) / minute);
let textSecond = Math.floor((gap % minute) / second);
document.querySelector('.day').innerText = textDay;
document.querySelector('.hour').innerText = textHour;
document.querySelector('.minute').innerText = textMinute;
document.querySelector('.second').innerText = textSecond;
};
countInterval = setInterval(countdown, 1000);<div class="day"></div>
<div class="hour"></div>
<div class="minute"></div>
<div class="second"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/408526.html
標籤：