JS, um die aktuellen Zeitzoneninformationen des Browsers zu erhalten

Kleiner Abschaum · Veröffentlicht am 20.9.2023, 19:49:55

Anforderungen: Um das Nutzererlebnis zu verbessern, sollte die Website die entsprechende Zeit entsprechend der aktuellen Zeitzone des Nutzers anzeigen, die aktuellen Browser-Zeitzoneninformationen über JS abrufen und an das Backend weitergeben und anschließend die verarbeiteten Daten dem Nutzer anzeigen. (Oder die Frontend-Daten werden umgewandelt)

JavaScript ermittelt die Zeitzone des aktuellen Clients

Das Intl-Objekt ist ein Namensraum für die ECMAScript-Internationalisierungs-API, der einen präzisen String-Vergleich, Zahlenformatierung und Datumsformatierung ermöglicht. Wir müssen das DateTimeFormat-Objekt dieser API verwenden.

Für weitere Details siehe bitte:Der Hyperlink-Login ist sichtbar.

Code:

Login ist sichtbar.

Du kannst die Ausgabe sehen: Asien/Shanghai, meine Zeitzone ist Shanghai.

UTC-Zeitzonenversatz

Um die Anzeigezeit besser zu lokalisieren, können wir den UTC-Zeitzonenoffset des aktuellen Browsers erhalten und die UTC-Zeit entsprechend erhöhen oder verringern, was wir über die getTimezoneOffset-Methode der Date-Objektinstanz erhalten können (beachten Sie das zurückgegebene ErgebnisDie Einheit ist der Cent）：

Dokumentation:Der Hyperlink-Login ist sichtbar.

Der Chrome-Browser simuliert verschiedene Regionen, gibt Offset-Ausgaben aus, Console-DevTools -> More Tools -> Sensor, ändert die Position, wie unten gezeigt:

neues Datum()
Mi 20. Sep 2023 19:47:47 GMT+0800 (China Standardzeit)
new Date().getTimezoneOffset()
-480
neues Datum()
Mi 20. Sep 2023 13:48:12 GMT+0200 (Mitteleuropäische Sommerzeit)
new Date().getTimezoneOffset()
-120
neues Datum()
Mi 20. Sep 2023 08:48:19 GMT-0300 (Horário Padrão de Brasília)
new Date().getTimezoneOffset()
180

(Ende)

[JavaScript] JS, um die aktuellen Zeitzoneninformationen des Browsers zu erhalten

Verwandte Beiträge

Betrachtete Abschnitte