用setTimeout实现setInterval【JavaScript】

最新推荐文章于 2025-12-04 17:39:28 发布

原创最新推荐文章于 2025-12-04 17:39:28 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

JavaScript手写专栏收录该内容

14 篇文章

订阅专栏

<body>
    <h1>0</h1>
    <button class="btn1">计时开始</button>
    <button class="btn2">计时结束</button>

    <script>
        let h1 = document.querySelector("h1")
        let btn1 = document.querySelector(".btn1")
        let btn2 = document.querySelector(".btn2")
        let num = 0
        let timer

        btn1.onclick = function () {
            interval(function () {
                num++
                h1.innerHTML = num
            }, 300)
        }

        function interval(callback, duration) {
            timer = setTimeout(function () {
                callback()
                interval(callback, duration)
            }, duration)
        }

        btn2.onclick = function () {
            clearTimeout(timer)
        }
    </script>
</body>