Никак не могу разобраться как остановить уже запущенный таймер. Смысл в том, что я хочу при повторном нажатии на кнопку сбрасывать предыдущий таймер, и запускать новый. Но у меня запускается одновременно два таймера.
Я попытался объявить переменную timer глобальной, но все равно вне объекта её тип является 'undefined'. Я только начал изучать JS, помогите, пожалуйста.
var buttonOne = document.querySelector('.go');
function Timer(selector, time){
var elem = document.querySelector(selector);
window.timer = 0;
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;
if (typeof(timer) != "undefined") {
timer.stop();
}
var timer = new Timer('.time', time)
timer.start();
}
<input class="seconds" value="10">
<button class="go">GO!</button>
<div class="time"></div>
clearTimeout, clearInterval
()
object.stop;
- Это не вызов функции. Вызов функции:object.stop();