js для отримання актуальної інформації про часові пояси браузера

Маленька покидька · Опубліковано 2023-9-20 19:49:55

Вимоги: Для покращення користувацького досвіду вебсайт повинен відображати відповідний час відповідно до поточного часового поясу користувача, отримувати актуальну інформацію про часовий пояс браузера через js і передавати її бекенду, а потім відображати оброблені дані користувачу. (Або конвертуються фронтенд-дані)

JavaScript отримує часовий пояс поточного клієнта

Об'єкт Intl — це простір імен для API інтернаціоналізації ECMAScript, який забезпечує точне порівняння рядків, форматування чисел і форматування дат. Нам потрібно використовувати об'єкт DateTimeFormat цього API.

Для деталей, будь ласка, дивіться:Вхід за гіперпосиланням видно.

Код:

Вхід видно.

Ви можете побачити результати: Азія/Шанхай, а мій часовий пояс — Шанхай.

Зміщення часового поясу UTC

Щоб краще локалізувати час відображення, ми можемо отримати зсув часового поясу UTC поточного браузера і відповідно збільшити або зменшити час UTC, що можна отримати за допомогою методу getTimezoneOffset екземпляра об'єкта Date (зверніть увагу на отриманий результатОдиниця — цент）：

Документації:Вхід за гіперпосиланням видно.

Браузер Chrome імітує різні регіони, виводить зсув, консоль DevTools > More Tools > сенсор змінює положення, як показано нижче:

нова дата()
Ср 20 вер 2023 19:47:47 GMT+0800 (китайський стандартний час)
new Date().getTimezoneOffset()
-480
нова дата()
Ср Сен 20 2023 13:48:12 GMT+0200 (Mitteleuropäische Sommerzeit)
new Date().getTimezoneOffset()
-120
нова дата()
Ср 20 вер 2023 08:48:19 GMT-0300 (Horário Padrão de Brasília)
new Date().getTimezoneOffset()
180

(Кінець)

[JavaScript] js для отримання актуальної інформації про часові пояси браузера

Пов'язані дописи

Переглянуті розділи