js 避免频繁点击

function debounce(func, wait) {
    let timeout;
    return function() {
        const context = this;
        const args = arguments;
        clearTimeout(timeout);
        timeout = setTimeout(() => {
            func.apply(context, args);
        }, wait);
    };
}

// 使用示例
const button = document.querySelector('button');
button.addEventListener('click', debounce(() => {
    console.log('Button clicked!');
}, 1000));

function throttle(func, limit) {
    let inThrottle;
    return function() {
        const context = this;
        const args = arguments;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

// 使用示例
const button = document.querySelector('button');
button.addEventListener('click', throttle(() => {
    console.log('Button clicked!');
}, 1000));