• 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>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐