通过JavaScript脚本实现60秒倒计时

RichardLau_Cx

已于 2022-07-18 22:41:52 修改

阅读量7k

点赞数 6

分类专栏： Tools 文章标签： javascript 前端计时器 sleep函数实用工具

于 2022-07-18 22:35:12 首次发布

本文链接：https://blog.csdn.net/Richardlcx/article/details/125861749

版权

Tools 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JS 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CountDown</title>
</head>
<body>
    <span class="second">开始</span>

    <script>
            let second = document.querySelector(".second");
            let i = 60  // 倒计时秒数

            // 定时器 每隔一秒变化一次（1000ms = 1s）
            let t = setInterval(countDown, 1000);

            function countDown() {
                    console.log(i);
                    second.innerHTML = i;

                    // 60 秒倒计时结束
                    if (i === 0)
                        clearInterval(t);

                    i--;
        }
    </script>
</body>
</html>