https://codepen.io/aniaska4/pen/JqgBKX
Będę wdzięczna za pomoc
lub jakąś wskazówkę
Pełna wersja: [HTML][JavaScript]zwiększanie minut co 5 w new data()
Hej chciałabym za pomocą buttona zwiększać i zmniejszać czas o 5 minut wyświetlany w inpucie. Po wejściu na stronę mam aktualną godzinę. Po kliknięciu w + udało mi się zwięszyć godzinę tylko raz o 5 min. każde kolejne kliknięcie zwiększa znowu o 5 min ale od aktualnej z obiektu new Data(). I rozumiem czemu sie tak dzieje, bo cały czas pobieram czas aktualny. Ale zupełnie nie wiem jak to zapętlić i zwiększać czas co 5 min ++. Poniżej przykład.
https://codepen.io/aniaska4/pen/JqgBKX
Będę wdzięczna za pomoc lub jakąś wskazówkę
https://codepen.io/aniaska4/pen/JqgBKX
Będę wdzięczna za pomoc
lub jakąś wskazówkę
https://codepen.io/anon/pen/VJVWoV
Inicjujesz:
Aktualizacja:
Kod
var clock = {
currentTime: new Date(),
next: function (minutes) {
this.currentTime = new Date(this.currentTime.getTime() + minutes * 60000);
return this;
},
back: function (minutes) {
this.currentTime = new Date(this.currentTime.getTime() - minutes * 60000);
return this;
},
getTime: function () {
return this.currentTime.toLocaleTimeString();
}
}
currentTime: new Date(),
next: function (minutes) {
this.currentTime = new Date(this.currentTime.getTime() + minutes * 60000);
return this;
},
back: function (minutes) {
this.currentTime = new Date(this.currentTime.getTime() - minutes * 60000);
return this;
},
getTime: function () {
return this.currentTime.toLocaleTimeString();
}
}
Inicjujesz:
Kod
input.value = clock.getTime();
Aktualizacja:
Kod
document.querySelector("#add").addEventListener("click", function() {
input.value = clock.next(5).getTime();
});
document.querySelector("#subtract").addEventListener("click", function() {
input.value = clock.back(5).getTime();
});
input.value = clock.next(5).getTime();
});
document.querySelector("#subtract").addEventListener("click", function() {
input.value = clock.back(5).getTime();
});
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.