JS利用時間戳倒計時的實(shí)現(xiàn)示例

更新時間：2023年12月04日 15:40:17 作者：遠(yuǎn)近高低各不同

這篇文章主要介紹了JS利用時間戳倒計時的實(shí)現(xiàn)示例,本文將提供代碼示例和詳細(xì)的步驟,幫助你實(shí)現(xiàn)一個簡單而實(shí)用的時間戳倒計時,感興趣的可以了解一下

我們在逛某寶，或者逛某東時，我們時?？吹揭粋€倒計時，時間一到就開搶，這個倒計時是如何做的呢？讓我為大家介紹一下。

理性分析一下：

1.用將來時間減去現(xiàn)在時間就是剩余的時間
2.核心：使用將來的時間戳減去現(xiàn)在的時間戳
3.把剩余的時間轉(zhuǎn)換為天時分秒注意：通過時間戳得到的是毫秒，需要轉(zhuǎn)換為秒在計算

轉(zhuǎn)換公式：

d = parseInt(總秒數(shù) / 60 / 60 / 24) 計算天數(shù)
h = parseInt(總秒數(shù) / 60 / 60 % 24) 計算小時
m = parseInt(總秒數(shù) / 60 % 60) 計算分?jǐn)?shù)
s = parseInt(總秒數(shù) % 60) 計算當(dāng)前秒數(shù)

    // 封裝時間
    function getTime() {
        // 獲取當(dāng)前的時間戳
        let now = +new Date()
        // 獲取將來的時間戳
        let last = +new Date("2023-11-3 18:30:00")
        // 獲取剩余的時間戳 記得轉(zhuǎn)換為秒數(shù)
        let count = (last - now) / 1000
        // 轉(zhuǎn)換為時分秒
        // h = parseInt(總秒數(shù) / 60 / 60 % 24) 計算小時
        // m = parseInt(總秒數(shù) / 60 % 60) 計算分?jǐn)?shù)
        // s = parseInt(總秒數(shù) % 60) 計算當(dāng)前秒數(shù)
        let h = parseInt(count / 60 / 60 % 24)
        h = h < 10 ? "0" + h : h
        let m = parseInt(count / 60 % 60)
        m = m < 10 ? "0" + m : m
        let s = parseInt(count % 60)
        s = s < 10 ? "0" + s : s
        // 把時分秒寫到對應(yīng)的盒子里面
        document.querySelector("#hour").innerHTML = h
        document.querySelector("#minutes").innerHTML = m
        document.querySelector("#second").innerHTML = s
    }
    // 使用定時器
    setInterval(getTime,1000)

效果圖：