[HTML][JavaScript]zwiększanie minut co 5 w new data() |
[HTML][JavaScript]zwiększanie minut co 5 w new data() |
8.06.2019, 22:58:42
Post
#1
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 8.06.2019 Ostrzeżenie: (0%) |
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ę |
|
|
8.07.2019, 21:25:09
Post
#2
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 8.07.2019 Ostrzeżenie: (0%) |
https://codepen.io/anon/pen/VJVWoV
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(); } } 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(); }); |
|
|
Wersja Lo-Fi | Aktualny czas: 29.03.2024 - 06:29 |