节流

最新推荐文章于 2024-02-29 16:05:38 发布

�智智智智丶

最新推荐文章于 2024-02-29 16:05:38 发布

阅读量169

点赞数

文章标签： js 节流

本文链接：https://blog.csdn.net/hz572999802/article/details/96481147

版权

HTML:

<button id="btn" onclick="btn()">
        Click!
</button>

JS：

function throttle(func, wait) {
        let lastTime = null
        let timeout
        return function() {
            let context = this
            let now = new Date()
            if (now - lastTime - wait > 0) {
                if (timeout) {
                    clearTimeout(timeout, '111')
                    timeout = null
                }
                func.apply(context, arguments)
                lastTime = now
            } else if (!timeout) {
                timeout = setTimeout(() => {
                    func.apply(context, arguments)
                }, wait)
            }
        }
    }
    let throttleRun = throttle(() => {
        console.log(123)
    }, 5000)
    function btn() {
        throttleRun()
    }