Fitur ini menyajikan empat jam analog dan digital secara berdampingan untuk beberapa kota di berbagai zona waktu dunia.
Bagaimana Cara Kerjanya?
- Data Zona Waktu Dinamis: Jam mengandalkan state array yang dirender secara reaktif. Seluruh zona waktu dunia yang valid, diambil secara native melalui API lokal browser (tentunya browser modern ya..)
Intl.supportedValuesOf('timeZone'). - Pencarian Zona Interaktif: Anda dapat mengubah nama kota (sesuai zona waktu). Di bagian atas setiap jam analog terdapat teks yang terhubung dengan elemen
<datalist>. Coba saja ketik "Asia/Tokyo" atau "America/New_York". - Format Tanggal Akurat: Memanfaatkan standar JavaScript (`Intl.DateTimeFormat`) untuk mengonversi waktu lokal menjadi perhitungan rotasi derajat jarum jam (analog) yang presisi, sekaligus menangani perubahan waktu otomatis seperti Daylight Saving Time (DST).
- Error Handling Kuat: Apabila zona waktu yang diketik masih belum tuntas atau tidak valid, aplikasi akan secara sigap melindunginya (error fallback) tanpa merusak atau meruntuhkan tampilan web.