i´ve addet a simple timer and it starts, but i dont know how to let stop if i reach the finish...
i addet the timer to the controls.js:
/* TIMER TEST */
const watch = document.querySelector('#watch');
let milliseconds = 0;
let timer;
function startWatch() {
watch.classList.remove('paused');
clearInterval(timer);
timer = setInterval(() => {
milliseconds += 10;
let dateTimer = new Date(milliseconds);
watch.innerHTML =
('0' + dateTimer.getUTCHours()).slice(-2) + ':' +
('0' + dateTimer.getUTCMinutes()).slice(-2) + ':' +
('0' + dateTimer.getUTCSeconds()).slice(-2) + ':' +
('0' + dateTimer.getUTCMilliseconds()).slice(-3, -1);
}, 10);
};
function pauseWatch() {
watch.classList.add('paused');
clearInterval(timer);
};
function resetWatch() {
watch.classList.remove('paused');
clearInterval(timer);
milliseconds = 0;
watch.innerHTML = '00:00:00:00';
};
/* TIMER TEST */
export function reset() {
location.reload();
**resetWatch();**
}
export function cont() {
let finishDlgElm = document.querySelector("#finishDialog")
finishDlgElm.setAttribute("style", "display: none");
let menuDlgElm = document.querySelector("#menuDialog")
menuDlgElm.setAttribute("style", "display: none");
**startWatch();**
}