JS om de huidige browsertijdzone-informatie te krijgen

Klein tuig · Geplaatst op 20-9-2023 19:49:55

Vereisten: Om de gebruikerservaring te verbeteren, moet de website de overeenkomstige tijd weergeven volgens de tijdzone van de huidige gebruiker, de huidige browsertijdzone-informatie via js verkrijgen en deze doorgeven aan de backend, en vervolgens de verwerkte gegevens aan de gebruiker tonen. (Of de front-end data wordt omgezet)

JavaScript krijgt de tijdzone van de huidige client

Het Intl-object is een naamruimte voor de ECMAScript-internationalisatie-API die nauwkeurige stringvergelijking, nummerformattatie en datumformattering biedt. We moeten het DateTimeFormat-object van deze API gebruiken.

Voor meer informatie, verwijs je naar:De hyperlink-login is zichtbaar.

Code:

Inloggen is zichtbaar.

Je kunt de output zien: Azië/Shanghai, wat mijn tijdzone is: Shanghai.

UTC-tijdzone-offset

Om de weergavetijd beter te lokaliseren, kunnen we de UTC-tijdzone-offset van de huidige browser verkrijgen en de UTC-tijd dienovereenkomstig verhogen of verlagen, wat we kunnen verkrijgen via de getTimezoneOffset-methode van de Date-objectinstantie (let op het teruggegeven resultaatDe eenheid is de cent）：

Documentatie:De hyperlink-login is zichtbaar.

De Chrome-browser simuleert verschillende regio's, geeft offset uit, console DevTools -> More Tools -> sensor, wijzigt de positie, zoals hieronder getoond:

nieuwe Datum()
Wo 20 sep 2023 19:47:47 GMT+0800 (China Standaardtijd)
nieuwe Date().getTimezoneOffset()
-480
nieuwe Datum()
Wo 20 sep 2023 13:48:12 GMT+0200 (Mitteleuropäische Zomerzeit)
nieuwe Date().getTimezoneOffset()
-120
nieuwe Datum()
Wo 20 sep 2023 08:48:19 GMT-0300 (Horário Padrão de Brasília)
nieuwe Date().getTimezoneOffset()
180

(Einde)

[JavaScript] JS om de huidige browsertijdzone-informatie te krijgen

Gerelateerde berichten

Secties bekeken