公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

?

在 JavaScript 中實現(xiàn)倒計時可以通過 setInterval 或 setTimeout 來實現(xiàn)。以下是一個簡單的倒計時示例，支持天、小時、分鐘和秒的顯示。

代碼

function countdown(targetDate, callback) {
    // 目標(biāo)時間
    const targetTime = newDate(targetDate).getTime();

    // 每秒更新一次倒計時
    const timer = setInterval(() => {
        // 當(dāng)前時間
        const now = newDate().getTime();

        // 剩余時間（毫秒）
        const timeRemaining = targetTime - now;

        // 如果倒計時結(jié)束
        if (timeRemaining <= 0) {
            clearInterval(timer); // 停止計時器
            callback("倒計時結(jié)束！"); // 執(zhí)行回調(diào)
            return;
        }

        // 計算天、小時、分鐘、秒
        const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
        const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000;

        // 調(diào)用回調(diào)函數(shù)，返回剩余時間
        callback({ days, hours, minutes, seconds });
    }, 1000); // 每秒更新一次
}

// 示例用法
const targetDate = "2023-12-31T23:59:59"; // 目標(biāo)時間
countdown(targetDate, (time) => {
    if (typeof time === "string") {
        console.log(time); // 倒計時結(jié)束
    } else {
        console.log(
            `剩余時間：${time.days}天 ${time.hours}小時 ${time.minutes}分鐘 ${time.seconds}秒`
        );
    }
});

代碼說明

1. targetDate：目標(biāo)時間，可以是字符串（如 "2023-12-31T23:59:59"）或 Date 對象。

2. setInterval：每秒執(zhí)行一次，更新倒計時。

3. timeRemaining：計算剩余時間（毫秒）。

4. days, hours, minutes, seconds：將剩余時間轉(zhuǎn)換為天、小時、分鐘和秒。

5. callback：回調(diào)函數(shù)，用于返回倒計時結(jié)果或結(jié)束提示。

示例輸出

剩余時間：30天 5小時 10分鐘 45秒
剩余時間：30天 5小時 10分鐘 44秒
剩余時間：30天 5小時 10分鐘 43秒
...
倒計時結(jié)束！

優(yōu)化：格式化時間

如果希望時間顯示為兩位數(shù)（如 01 而不是 1），可以添加一個格式化函數(shù)：

function formatTime(time) {
    return time < 10 ? `0${time}` : time;
}

// 在回調(diào)中使用
countdown(targetDate, (time) => {
    if (typeof time === "string") {
        console.log(time);
    } else {
        console.log(
            `剩余時間：${formatTime(time.days)}天 ${formatTime(time.hours)}小時 ${formatTime(time.minutes)}分鐘 ${formatTime(time.seconds)}秒`
        );
    }
});

停止倒計時

如果需要手動停止倒計時，可以返回 clearInterval 的函數(shù)：

function countdown(targetDate, callback) {
    const targetTime = newDate(targetDate).getTime();
    const timer = setInterval(() => {
        const now = newDate().getTime();
        const timeRemaining = targetTime - now;

        if (timeRemaining <= 0) {
            clearInterval(timer);
            callback("倒計時結(jié)束！");
            return;
        }

        const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
        const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000);

        callback({ days, hours, minutes, seconds });
    }, 1000);

    // 返回停止函數(shù)
    return() =>clearInterval(timer);
}

// 示例用法
const stop = countdown(targetDate, (time) => {
    if (typeof time === "string") {
        console.log(time);
    } else {
        console.log(
            `剩余時間：${time.days}天 ${time.hours}小時 ${time.minutes}分鐘 ${time.seconds}秒`
        );
    }
});

// 手動停止倒計時
setTimeout(() => {
    stop();
    console.log("倒計時已停止！");
}, 5000); // 5秒后停止

總結(jié)

• 使用 setInterval 實現(xiàn)倒計時。

• 支持天、小時、分鐘、秒的顯示。

• 可以通過回調(diào)函數(shù)返回倒計時結(jié)果或結(jié)束提示。

• 提供格式化時間和手動停止的功能。