Почему не срабатывает остановка таймера?

Question

[Dreaded]

Не могу понять, почему при повторном нажатии на кнопку не срабатывает остановка первого таймера ? Два таймера тикают одновременно

var buttonOne = document.querySelector('.go');

function Timer(selector, time){
	
	var elem = document.querySelector(selector);
	var timer;
	var object = this;

	this.start = function() {
		timer = setInterval(this.tick, 1000);
	}

	this.stop = function() {
		clearInterval(timer);
	}

	this.tick = function() {
		if (time > 0) {
			time--;
			var hours = Math.floor(time / 3600);
			var minutes = Math.floor((time - (3600 * hours))/60);
			var seconds = time - hours * 3600 - minutes * 60;
			text = hours + ':' + minutes + ':' + seconds;
			document.querySelector('.time').innerHTML = text;	
		} else {
			object.stop;
		}
	}
}


buttonOne.onclick = function(){
	var userInput = document.querySelector('.seconds');
	var time = userInput.value;
	var timer = new Timer('.time', time)
	timer.stop();
	timer.start();
}

Answer 1

[display: block]

Потому что новому объекту Timer, создаваемый при клике на .go, недоступен интервал timer. У каждого объекта они закрыты в области видимости.

Comments

[Dreaded]

Подскажите, а как можно обратится к остановке интервала ранее созданного объекта?

[display: block]

Dreaded, самое простое держать последний интервал или объект Timer в глобальной переменной.

[Dreaded]

display: block, что то не могу разобраться. Если я объявляю в объекте
timer = 0;
или
windows.timer = 0;
то, вне объекта, значение timer отображается как undefined;

Answer 2

[Артур]

потому что после остановки вы тут же его включаете опять

timer.stop();
  timer.start();

Comments

[Dreaded]

А каким образом тогда убить первый таймер?