Persyaratan: Untuk meningkatkan pengalaman pengguna, situs web harus menampilkan waktu yang sesuai sesuai dengan zona waktu pengguna saat ini, mendapatkan informasi zona waktu browser saat ini melalui js dan meneruskannya ke backend, lalu menampilkan data yang diproses kepada pengguna. (Atau data front-end dikonversi)
JavaScript mendapatkan zona waktu klien saat ini
Objek Intl adalah namespace untuk API internasionalisasi ECMAScript yang menyediakan perbandingan string yang tepat, pemformatan angka, dan pemformatan tanggal. Kita perlu menggunakan objek DateTimeFormat API ini.
Untuk detailnya, silakan lihat:Login hyperlink terlihat.
Kode:
Anda dapat melihat outputnya: Asia/Shanghai, yang merupakan zona waktu saya adalah Shanghai.
Offset zona waktu UTC
Untuk melokalkan waktu tampilan dengan lebih baik, kita dapat memperoleh offset zona waktu UTC dari browser saat ini, dan menambah atau mengurangi waktu UTC yang sesuai, yang dapat kita peroleh melalui metode getTimezoneOffset dari instans objek Date (perhatikan hasil yang ditampilkanSatuannya adalah sen）：
Dokumentasi:Login hyperlink terlihat.
Browser Chrome mensimulasikan berbagai wilayah, offset output, sensor > DevTools -> Alat Lainnya , memodifikasi posisi, seperti yang ditunjukkan di bawah ini:
Tanggal baru()
Wed Sep 20, 2023 19:47:47 GMT+0800 (Waktu Standar China)
new Date().getTimezoneOffset()
-480
Tanggal baru()
Wed Sep 20, 2023 13:48:12 GMT+0200 (Mitteleuropäische Sommerzeit)
new Date().getTimezoneOffset()
-120
Tanggal baru()
Wed Sep 20, 2023 08:48:19 GMT-0300 (Horário Padrão de Brasilia)
new Date().getTimezoneOffset()
180
|
Dipaparkan pada 2023-9-20 19:49:55
|
|
|
|
