<button id="btn">Tıkla</button>
<div id="result"></div>

let intervalId,
        sayac = 0,
        btn = document.getElementById('btn'),
        result = document.getElementById('result')

    btn.addEventListener('mousedown', () => {
        result.innerText = 'Tıklama işlemi başladı';
        intervalId = setInterval(() => {
            sayac++;
            result.innerText = sayac.toString();
            if (sayac === 3) {
                result.innerText = '3 saniye oldu, işlem yapılabilir'
                clearInterval(intervalId);
                sayac = 0;
            }
        }, 1e3);
    });
    ['mouseup', 'mouseleave'].forEach(e => {
        btn.addEventListener(e, () => {
            clearInterval(intervalId);
            sayac = 0;
            result.innerText = ''
        });
    });