แปลงเขตเวลา ฟรี

วิธีการทำงาน

ตรรกะการแปลงทั้งหมดทำงานในเบราว์เซอร์ด้วย Intl.DateTimeFormat API ของ JavaScript — เอนจินการรองรับหลายภาษาเดียวกับที่อยู่ใน Chrome, Firefox และ Safari ไม่มีไลบรารีภายนอกและไม่มีการเรียกเซิร์ฟเวอร์

1. 1
   โหลดรายการเขตเวลา IANA

   เมื่อโหลด เครื่องมือเรียก Intl.supportedValuesOf('timeZone') เพื่อดึงฐานข้อมูลเขตเวลา IANA ทั้งหมดที่มากับเบราว์เซอร์ — ปกติ 400+ เขต บนเอนจินรุ่นเก่าจะใช้รายการในตัวของ 20 เมืองใหญ่แทน
2. 2
   แปลงเวลานาฬิกาที่ป้อนเป็นช่วงเวลา UTC

   เมื่อคุณพิมพ์วันที่และเวลาที่กำหนดเอง เครื่องมือรันอัลกอริทึมสองรอบด้วย Intl.DateTimeFormat(...).formatToParts() เพื่อคำนวณค่าชดเชย UTC ของเขตต้นทางที่เลือก แล้วลบออก รอบที่สองตรวจค่าชดเชยอีกครั้งที่ช่วงเวลาผลลัพธ์เพื่อจัดการกรณีขอบของการเปลี่ยน DST ได้ถูกต้อง
3. 3
   จัดรูปแบบแต่ละเขตเป้าหมายแยกกัน

   Intl.DateTimeFormat ถูกเรียกหนึ่งครั้งต่อเขตเวลาที่เลือก ส่งช่วงเวลา UTC ที่แปลงแล้วและรหัสเขต IANA (เช่น Asia/Tokyo) ตารางเขตเวลาในตัวของเบราว์เซอร์จัดการกฎ DST และประวัติค่าชดเชย ได้สตริงวันในสัปดาห์ วันที่ และเวลาตามภาษา
4. 4
   นาฬิกาสดเดินผ่าน setInterval

   เมื่อเลือก 'ใช้เวลาปัจจุบัน' setInterval ทุกหนึ่งวินาทีจะอัปเดตวันที่ฐานใน React state ทุกเขตเวลาที่แสดงจึงรีเฟรชแบบเรียลไทม์ เขตที่คุณเลือกถูกบันทึกลง localStorage จึงคงอยู่ในการเข้าชมครั้งต่อไป

เครื่องมือที่เกี่ยวข้อง