JS for å få oppdatert nettleserens tidssoneinformasjon

Lille skurk · Publisert 2023-09-20 kl. 19:49:55

Krav: For å forbedre brukeropplevelsen bør nettsiden vise tilsvarende tid i henhold til den nåværende brukerens tidssone, hente oppdatert nettleserens tidssoneinformasjon via js og sende den til backend, og deretter vise de behandlede dataene til brukeren. (Eller at front-end-dataene konverteres)

JavaScript henter tidssonen til den nåværende klienten

Intl-objektet er et navnerom for ECMAScript-internasjonaliserings-API-et som gir presis strengsammenligning, tallformatering og datoformatering. Vi må bruke dette API-ets DateTimeFormat-objekt.

For detaljer, vennligst se:Innloggingen med hyperkoblingen er synlig.

Kode:

Innlogging er synlig.

Du kan se resultatene: Asia/Shanghai, som er min tidssone er Shanghai.

UTC-tidssoneforskyvning

For å bedre lokalisere visningstiden kan vi hente UTC-tidssoneforskyvningen til den nåværende nettleseren, og øke eller redusere UTC-tiden deretter, noe vi kan oppnå gjennom getTimezoneOffset-metoden i Date-objektinstansen (merk det returnerte resultatetEnheten er centen）：

Dokumentasjon:Innloggingen med hyperkoblingen er synlig.

Chrome-nettleseren simulerer ulike regioner, sender ut offset, konsollen DevTools -> More Tools -> sensoren, endrer posisjonen, som vist nedenfor:

ny dato()
Ons 20. sep. 2023 19:47:47 GMT+0800 (Kina standardtid)
ny Date().getTimezoneOffset()
-480
ny dato()
Ons 20. sep. 2023 13:48:12 GMT+0200 (Mitteleuropäische Sommerzeit)
ny Date().getTimezoneOffset()
-120
ny dato()
Ons 20. sep. 2023 08:48:19 GMT-0300 (Horário Padrão de Brasília)
ny Date().getTimezoneOffset()
180

(Slutt)

[JavaScript] JS for å få oppdatert nettleserens tidssoneinformasjon

Relaterte innlegg

Seksjoner sett