js控制按钮点击次数

let clickCount = 0;
const button = document.getElementById('myButton');

button.addEventListener('click', function() {
    clickCount++;
    if (clickCount <= 3) { // 允许最多点击3次
        console.log(`Button has been clicked ${clickCount} times.`);
    } else {
        button.disabled = true; // 超过次数后禁用按钮
        console.log('Button is disabled after 3 clicks.');
    }
});

function setupButtonClickLimit(buttonId, maxClicks) {
    let clickCount = 0;
    const button = document.getElementById(buttonId);

    button.addEventListener('click', function() {
        clickCount++;
        if (clickCount <= maxClicks) {
            console.log(`Button has been clicked ${clickCount} times.`);
        } else {
            button.disabled = true;
            console.log(`Button is disabled after ${maxClicks} clicks.`);
        }
    });
}

setupButtonClickLimit('myButton', 3); // 设置按钮最多点击3次

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

const debouncedClickHandler = debounce(function() {
    clickCount++;
    if (clickCount <= 3) {
        console.log(`Button has been clicked ${clickCount} times.`);
    } else {
        button.disabled = true;
        console.log('Button is disabled after 3 clicks.');
    }
}, 500); // 500毫秒内只计算一次点击

button.addEventListener('click', debouncedClickHandler);