Как запустить таймер (setInterval) после остановки?

Question

[Роман]

Всем привет. Учу js. Есть две кнопки. По нажатию на кнопку старт в абзаце начинается отсчет. По нажатию на кнопку стоп отсчет прекращается. Но если после нажатия кнопки стоп нажать на старт, то ничего не происходит. Таймер не запускается. Как сделать, чтобы он запускался?

<input type="button" id="start" value="Старт">
<input type="button" id="stop" value="Стоп">

<p class="timer"></p>

let start = document.querySelector('#start');
let stop = document.querySelector('#stop');
let timer = document.querySelector('.timer');

let startTimer;
start.addEventListener('click', function setTimer(event){
	timer.innerHTML = 1;
	startTimer = setInterval(function(){
		timer.innerHTML++;
	}, 1000);
	this.removeEventListener('click', setTimer);
});

stop.addEventListener('click', function(){
	clearInterval(startTimer);
	timer.innerHTML = '';
})

Answer 1

[Ольга]

у вас в
start.addEventListener

отвязывается обработка события нажатия кнопку старт в конце
this.removeEventListener('click', setTimer);

после этого событие на старт и не срабатывает

Comments

[Роман]

Да. Но если я не отвяжу событие, то тогда при повторном нажатии на СТАРТ навешивается еще одно событие и таймер сходит с ума. Как в этом случае можно поступить? Чтобы при повторном нажатии на СТАРТ второе событие не навешивалось. Но после нажатия на СТОП можно было запустить таймер заново.

[Alex]

Роман, Я бы отключал кнопки атрибутом disabled.

Или, как альтернатива — удалять слушателя событий, но потом добавлять его заново

Answer 2

[yavaskript]

this.removeEventListener('click', setTimer);
потому что вы после нажатия на Старт отвязываете от кнопки eventlistener, и она больше не слушает события

Comments

[Роман]

Да. Но если я не отвяжу событие, то тогда при повторном нажатии на СТАРТ навешивается еще одно событие и таймер сходит с ума. Как в этом случае можно поступить? Чтобы при повторном нажатии на СТАРТ второе событие не навешивалось. Но после нажатия на СТОП можно было запустить таймер заново.

[yavaskript]

Роман, при нажатии на Стоп снова вешаете eventlistener на Старт