[js] 节流和防抖

63 阅读1分钟
  • 节流和防抖 实例
// 节流(防连点)
let lockState = false;
let timeOut = 1
// Add event listeners
startButton.addEventListener("click", function () {
    // 节流(s)
    if (!lockState) {
        lockState = true;
        chrome.runtime.sendMessage({ type: "collect" });
        setTimeout(() => {
            lockState = false;
        }, 9 * 1000);
    }


    // 防抖(s)
    clearTimeout(timeOut);
    timeOut = setTimeout(() => {
        console.log("触发防抖");
        // chrome.runtime.sendMessage({ type: "collect" });
    }, 3000);

});