Повторно кликање на копче за стартување на тајмер во JavaScript
Кодот што го наведов погоре, всушност има одреден проблем. Овој проблем се манифестира во случај ако на нашето копче се направат повеќе кликови. Во овој случај секој клик ќе доведе до стартување на нов тајмер.
Односно, на пример, три кликања на копчето ќе доведат до тоа што ќе се стартуваат три тајмери, и секој од овие тајмери ќе го прикажува вредноста на бројачот во конзолата. Ова значи дека вредностите ќе се менуваат три пати побрзо!
За решавање на опишаниот проблем едноставно треба да се направи така што повторното кликање на копчето да не доведува до ново стартување на тајмерот. На пример, може после стартот на тајмерот да се одврзе од копчето врзаниот обработувач за клик:
let start = document.querySelector('#start');
start.addEventListener('click', function func() {
let i = 0;
setInterval(function() {
console.log(++i);
}, 1000);
this.removeEventListener('click', func); // го одврзуваме обработувачот
});
Земете го вашето решение од претходната задача. Проверете дали повторното кликање на копчето доведува до забрзување на одбројувањето. Исправете ја оваа проблем.
