鼠标在画布上移动会停止计时器

let timerId;

function startTimer() {
    timerId = setInterval(() => {
        console.log("计时器运行中...");
    }, 1000);
}

function stopTimer() {
    clearInterval(timerId);
}

document.getElementById('canvas').addEventListener('mousemove', () => {
    stopTimer();
});

startTimer();

document.getElementById('canvas').addEventListener('mousemove', () => {
    // 只在特定条件下停止计时器，而不是每次移动都停止
    if (shouldStopTimer()) {
        stopTimer();
    }
});

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

document.getElementById('canvas').addEventListener('mousemove', throttle(() => {
    stopTimer();
}, 100));

document.getElementById('canvas').addEventListener('mousemove', () => {
    console.log("鼠标移动事件触发");
    stopTimer();
});