Как выполнить функцию, если в течении 3 сек. не было действий?

Question

[lolo_to]

Требуется: при клике на поле, если в течении 3 сек больше не кликали, вывести сообщение, но если кликнули еще раз, то отменить вывод и выводить сообщение через 3 сек, относительно последнего клика.

Код, который не работает:

document.getElementById('ajax_send_li').addEventListener('click', ()=> {

    clearTimeout(timer_li);
    
    var timer_li = setTimeout(()=> {
        alert('Последний клик был 3 сек назад');
    }, 1000);

});

Желательно на чистом JS

Answer 1

[twobomb]

var timer_li;
document.getElementById('ajax_send_li').addEventListener('click', ()=> {

    clearTimeout(timer_li);
    
     timer_li = setTimeout(()=> {
        alert('Последний клик был 3 сек назад');
    }, 3000);

});