给一个初始值1202，单位是秒，实现在页面上进行倒计时，展示为hh:mm:ss的格式。

最新推荐文章于 2024-03-01 16:15:09 发布

良纵

最新推荐文章于 2024-03-01 16:15:09 发布

阅读量322

点赞数

本文链接：https://blog.csdn.net/qq_33807889/article/details/105397643

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var app = document.getElementById('app');
        var app2 = document.getElementById('app2');

        // 秒 => 时分秒
        const formatSecondes = (num) => {
            const hour = ~~(num / 3600);
            const minute = ~~((num - 3600 * hour) / 60);
            const second = ~~(num - 3600 * hour - minute * 60);
            return `${hour}:${minute}:${second}`
        }

        const base = 1202;

        const step = (timesamp) => {
            if (timesamp / 1000 < base) {
                document.body.innerHTML = formatSecondes(base - timesamp / 1000);
                requestAnimationFrame(step);
            }
        }
        requestAnimationFrame(step);
    </script>
</body>

</html>