Cześć. Jestem kompletną świeżynką jeśli chodzi o JS, ale na początku sobie założyłem, że zrobię projekt zegarka z wyświetlaniem aktualnej godziny i daty z możliwością spauzowania odliczania czasu. Sam zegarek działa, ale niestety nie działa funkcja wstrzymywania tego czasu, po wciśnięciu w button, który za to ma odpowiadać. Przeszukiwałem różne źródła, ale niestety wszystkie się koncentrują na działaniu takiej funkcji w odniesieniu funkcji uruchamianie zegarka na żądanie, a nie jak u mnie (po załadowaniu strony).
let displayCurrentTimeAndDate = () => {
let currentTime = new Date()
let secundes = currentTime.getSeconds()
if (secundes<10) {
secundes = '0' + secundes
}
let minutes = currentTime.getMinutes()
if (minutes<10) {
minutes = '0' + minutes
}
let hours = currentTime.getHours()
if (hours<10) {
hours = '0' + hours
}
let year = currentTime.getFullYear()
let mounth = currentTime.getMonth()
if (mounth<10) {
mounth = '0' + (mounth + 1)
}
let day = currentTime.getUTCDate()
if (day<10) {
day = '0' + day
}
document.querySelector('#clock').innerHTML = hours + ':' + minutes + ':' + secundes + ' |' + ' dnia ' + day + '-' + mounth + '-' + year
// setTimeout('displayCurrentTimeAndDate()',1000)
}
Window.onload = setInterval(displayCurrentTimeAndDate,1000)
displayCurrentTimeAndDate()
let timerId = setInterval(displayCurrentTimeAndDate(), 1000)
let stopStartTime = document.querySelector('#button')
stopStartTime.addEventListener('click',
clearInterval(timerId)
)
I właśnie nie działa ta część kodu:
stopStartTime.addEventListener('click',
clearInterval(timerId)
Proszę o jakieś sugestie, podpowiedzi.