Jak obsługiwać strefy czasowe w kodzie JavaScript

JavaScript stał się najbardziej popularnym i masowo używanym językiem skryptowym. W tej nowoczesnej erze prawie każda strona internetowa używa JavaScript. W naszym życiu codziennym czas odgrywa istotną rolę, ponieważ jeśli chcemy dodać aktualiza. Weź przykład strony internetowej blogu. Blogi mogą używać znaczników czasu, które pomagają wskazać datę komentarza, datę opublikowania, ostatnią zmodyfikowaną datę i wiele innych.

Strefa czasowa reprezentuje jednolity czas standardowy dla różnych celów w danym kraju. Różne kraje często mają unikalną strefę czasową, a niektóre duże kraje, takie jak USA i Kanada, mają wiele stref czasowych.

GMT

Skrót GMT to „Greenwich Time”.GMT to czas lokalny i stał się popularny w styczniu 1972 roku.

UTC

UTC jest na ogół systemem czasowym, który wykorzystuje częstotliwość atomu cezu do synchronizacji standardowego czasu. UTC i GMT są mniej więcej takie same w wielu przypadkach, ale w kilku przypadkach UTC daje dokładniejszy czas w porównaniu z GMT.

Zrównoważyć

Przesunięcie jest znane jako czas porównawczy między czasem lokalnym a standardowym czasem UTC.

Teraz demonstrujemy, jak obsługiwać strefy czasowe w JavaScript i jakie są różne sposoby włączenia dat w Twojej witrynie.

Najpierw musimy utworzyć instancję DATE () i przypisać obiekt DATE () do zmiennej „Current_Date_Obj”. Uruchom poniżej wspomniane wiersze kodu, aby uzyskać bieżącą datę. Ten kawałek kodu zwróci Ci dzisiejszą godzinę i datę konkretnej strefy czasowej w obiekcie.

const current_date_obj = new Date ();
konsola.log (current_date_obj);

Wyjście

Jeśli chcesz użyć obiektu zawierającego bieżącą datę i godzinę, musisz go odpowiednio sformatować za pomocą kilku metod daty JavaScript. Uruchom poniżej wspomniany kod, jeśli chcesz uzyskać bieżącą datę z określonym formatem.

const date_obj = new Date ();
const current_date = date_obj.getDate ();
konsola.log („bieżąca data” + ”:„ + current_date);
const current_month = date_obj.getmonth ();
konsola.log („bieżący miesiąc” + ”:„ + current_month);
const current_year = date_obj.GetiLyear ();
konsola.log („bieżący rok” + ”:„ + current_year);
konsola powrotna.log (current_date + '/' + (current_month + 1) + '/' + current_year);

Wyjście

Formatowanie daty według strefy czasowej jest znacznie łatwiejszym zadaniem w JavaScript. Ponadto, jeśli chcesz wyświetlić odrębne strefy czasowe dla kilku krajów w aplikacji internetowej, musisz wykonać kilka obliczeń i odpowiednio przekonwertować czas lokalny. Na przykład musimy wdrożyć funkcjonalność, która daje ostrzeżenie co 16 godzin zgodnie z określoną strefą czasową. W tym celu należy wykonać wspomniane kroki.

1. Po pierwsze, musisz przekonwertować datę w milisekundach od 1 stycznia 1970 r.
2. Następnie musisz uzyskać przesunięcie UTC i przekonwertować go w milisekund.
3. Jeśli dodasz przesunięcie lokalnej strefy czasowej do czasu lokalnego, otrzymasz aktualny czas UTC.
4. Po uzyskaniu aktualnego czasu UTC musisz uzyskać przesunięcie UTC miasta docelowego na godziny. Konwertuj wartość przesunięcia UTC na milisekund i odpowiednio dodaj do czasu UTC.
5. W końcu musisz sformatować ciąg daty w czytelnym standardowym formacie daty. W tym celu musisz przekonwertować wartość milisekund na nowy ciąg daty.

Uruchom następujący kod, aby uzyskać inną strefę czasową po przekształceniu daty.

Wyjście
Oto wyjście czasu lokalnego Pakistanu.

Oto wynik czasu lokalnego Singapuru.

Oto wynik czasu lokalnego w Londynie.

Wniosek

W tym artykule wyjaśniliśmy, jak zdobyć datę i godzinę, a następnie użyć go zgodnie z naszym pragnieniem w efektywny i wydajny sposób, którego można łatwo nauczyć dla początkujących. Opracowaliśmy również, w jaki sposób możemy obsłużyć strefy czasowe w JavaScript i związane z tym, że przedstawiliśmy również przykład, który pokazuje różne strefy czasowe różnych krajów za pośrednictwem JavaScript.