• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Porównanie czasu obecnego do danego w przyszłości w JavaScript

+2 głosów
212 wizyt
pytanie zadane 27 października 2023 w JavaScript przez Ziom54d4 Początkujący (350 p.)

Hej!

Próbowałem stworzyć odliczanie czasu obecnego do danego w przyszłości.. Powinien wyświetlić się console.log gdy data obecna będzie równa tej z przyszłości.. Gdzie leży błąd? Jakieś wskazówki?

function timer() {
    const future = new Date(2023, 9, 27, 18, 53, 36).getTime();
    let now;
    setInterval(() => {
        now = new Date().getTime();
        if(now == future) {
            console.log("ok");
        }
    }, 1000)
}

timer();

2 odpowiedzi

+3 głosów
odpowiedź 27 października 2023 przez SzkolnyAdmin Szeryf (90,270 p.)

Problemem jest dokładność czasu zwracanego przez JS - co do milisekundy. W ten sposób masz bardzo nikłe szanse, że now==future. Zresztą  sprawdź sam:

function timer() {
    const future = new Date(2023, 9, 27, 18, 53, 36).getTime(); // zmień na datę z przyszłości
    let now;
    setInterval(() => {
        now = new Date().getTime();
        console.log(future-now); // ile pozostało do future
        if(now == future) {
            console.log("ok");
        }
    }, 1000)
}
 
timer();

Spróbuj tak:

function timer() {
    const future = new Date(2023, 9, 27, 18, 53, 36).getTime(); // zmień na datę z przyszłości
    let now;
    setInterval(() => {
        now = new Date().getTime();
        if(now >= future) {
            console.log("ok");
        }
    }, 1000)
}
 
timer();

 

+2 głosów
odpowiedź 28 października 2023 przez Wiciorny Ekspert (282,600 p.)
edycja 28 października 2023 przez Wiciorny

Najbezpieczniej jest porównywać głównie timestamp, natomiast jeśli twoja data nie uwzglednia lokalizacji czasu, albo dodatkowo nie zawiera godzin, to bezpiecznie możesz skorzystać z funkcji  Date.prototype.toDateString()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toDateString
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Drugi problem to wspominana różnica w czasie w trakcie interwału, Dlatego tutaj powinna być sprawdzana sama różnica na bieżąco, niż bezpośrednio cała data, tak jak Admin wspominał, bo wartości różnicy mogą zmierzać (do granicy jak ciąg arytmetyczny, gdzie tak naprawdę 0 jest granicą do którego szereg zbiega i tak naprawdę nie dobiegnie nawet dla absurdalnie bliskich watości rzędu 1/nieskończoność)
 

function timer() {
    const future = new Date(2023, 9, 27, 18, 53, 36).getTime();

    const intervalId = setInterval(() => {
        const now = new Date().getTime();
        const timeRemaining = future - now;

        if (timeRemaining <= 0) {
            console.log("ok");
            clearInterval(intervalId); // Zatrzymuje interwał po osiągnięciu docelowej daty
        }
    }, 1000);
}

timer();

 

Podobne pytania

0 głosów
0 odpowiedzi 399 wizyt
pytanie zadane 25 marca 2019 w PHP przez Grzegorz Mikina Dyskutant (8,060 p.)
+1 głos
5 odpowiedzi 801 wizyt
pytanie zadane 18 lipca 2015 w Rozwój zawodowy, nauka, praca przez Adrian1999 Nałogowiec (34,570 p.)
0 głosów
3 odpowiedzi 549 wizyt
pytanie zadane 14 czerwca 2015 w Inne języki przez Dissio Mądrala (5,830 p.)

93,632 zapytań

142,558 odpowiedzi

323,058 komentarzy

63,141 pasjonatów

Advent of Code 2025

Top 15 użytkowników

  1. 2900p. - dia-Chann
  2. 2870p. - DziarnowskiJ
  3. 2827p. - Łukasz Piwowar
  4. 2783p. - raydeal
  5. 2758p. - Adrian Wieprzkowicz
  6. 2713p. - rucin93
  7. 2579p. - Łukasz Eckert
  8. 2523p. - Maurycy W
  9. 2459p. - CC PL
  10. 2082p. - Michal Drewniak
  11. 1885p. - robwarsz
  12. 1851p. - Mariusz Fornal
  13. 1811p. - rafalszastok
  14. 1600p. - Rafał Trójniak
  15. 1588p. - Tomasz Bielak
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...