Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]zwiększanie minut co 5 w new data()
aniaska4
post 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 smile.gif lub jakąś wskazówkę smile.gif
Go to the top of the page
+Quote Post
mieniu
post 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();
});


Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 26.08.2019 - 04:41