js saadaksesi ajantasaiset selaimen aikavyöhyketiedot

Pikku roisto · Julkaistu 2023-9-20 klo 19:49:55

Vaatimukset: Käyttäjäkokemuksen parantamiseksi verkkosivuston tulisi näyttää vastaava aika nykyisen käyttäjän aikavyöhykkeen mukaan, saada selaimen aikavyöhykkeiden tiedot js:n kautta ja välittää ne taustajärjestelmään, ja sitten näytettävä käsitelty data käyttäjälle. (Tai etupään data muunnetaan)

JavaScript saa nykyisen asiakkaan aikavyöhykkeen

Intl-objekti on ECMAScriptin kansainvälistämisrajapinnan nimiavaruus, joka tarjoaa tarkan merkkijonojen vertailun, numeromuotoilun ja päivämäärän muotoilun. Meidän täytyy käyttää tämän API:n DateTimeFormat-objektia.

Lisätietoja löytyy osoitteesta:Hyperlinkin kirjautuminen on näkyvissä.

Koodi:

Kirjautuminen näkyy.

Voit nähdä tuloksen: Aasia/Shanghai, mikä on minun aikavyöhykkeeni Shanghai.

UTC-aikavyöhykkeen siirto

Jotta näyttöaika voitaisiin paremmin paikantaa, voimme saada nykyisen selaimen UTC-aikavyöhykkeen siirtymän ja lisätä tai pienentää UTC-aikaa sen mukaisesti, minkä voimme saada Date-objektin instanssin getTimezoneOffset-menetelmällä (huomaa palautettu tulosYksikkö on sentti）：

Dokumentaatio:Hyperlinkin kirjautuminen on näkyvissä.

Chrome-selain simuloi eri alueita, tuottaa ulostuloja offsetilla, konsoli DevTools -> More Tools -> -anturi, muuttaa sijaintia, kuten alla on esitetty:

new Date()
Ke 20. syyskuuta 2023 klo 19:47:47 GMT+0800 (Kiinan normaaliaika)
new Date().getTimezoneOffset()
-480
new Date()
ke 20. syyskuuta 2023 klo 13:48:12 GMT+0200 (Mitteleuropäische Sommerzeit)
new Date().getTimezoneOffset()
-120
new Date()
ke 20. syyskuuta 2023 klo 08:48:19 GMT-0300 (Horário Padrão de Brasília)
new Date().getTimezoneOffset()
180

(Loppu)

[JavaScript] js saadaksesi ajantasaiset selaimen aikavyöhyketiedot

Aiheeseen liittyvät julkaisut

Katsotut osuudet