Zona Waktu dan UTC
Tangani UTC dan waktu lokal dengan benar.
Zona Waktu dan UTC adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 4 pelajaran total.
Waktu Lokal versus UTC
Suatu tanggal menyimpan satu momen absolut, tetapi dapat dibaca dalam waktu lokal atau UTC, yaitu waktu acuan global. Fungsi pengambil tersedia dalam kedua bentuk.
const d = new Date(Date.UTC(2024, 0, 15, 12, 0, 0))
console.log(d.getUTCHours())Fungsi Pengambil UTC
Metode yang diawali dengan UTC, seperti getUTCFullYear dan getUTCHours, membaca komponen tanggal dalam zona UTC, apa pun perangkat yang digunakan.
const d = new Date(Date.UTC(2024, 5, 15, 8, 30, 0))
console.log(d.getUTCFullYear())
console.log(d.getUTCHours())
console.log(d.getUTCMinutes())getTimezoneOffset
getTimezoneOffset mengembalikan selisih antara waktu lokal dan UTC dalam satuan menit. Nilai positif berarti waktu lokal berada di belakang UTC.
const d = new Date()
const offset = d.getTimezoneOffset()
console.log(typeof offset)Tanda offset
Tanda offset berlawanan dari yang diperkirakan banyak orang: zona yang lebih maju daripada UTC memberikan offset negatif. Konversikan menit menjadi jam dengan membaginya dengan 60.
const offsetMinutes = 120
const hours = offsetMinutes / 60
console.log(hours)Membuat Tanggal UTC
Date.UTC menerima argumen komponen yang sama seperti konstruktor, tetapi menafsirkannya sebagai UTC dan mengembalikan stempel waktu yang dapat Anda teruskan ke new Date.
const ts = Date.UTC(2024, 0, 1, 0, 0, 0)
const d = new Date(ts)
console.log(d.getUTCHours())Fungsi Penentu UTC
Fungsi penentu seperti setUTCHours menyesuaikan tanggal dalam zona UTC, menyerupai fungsi penentu lokal tetapi berpatokan pada UTC.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
d.setUTCHours(15)
console.log(d.getUTCHours())Huruf Z dalam Teks ISO
Huruf Z di akhir teks ISO berarti waktu tersebut berada dalam UTC, yang juga disebut waktu Zulu. Teks tanpa huruf itu mungkin ditafsirkan sebagai waktu lokal.
const d = new Date("2024-01-15T10:00:00Z")
console.log(d.getUTCHours())Momen Sama, Pembacaan Berbeda
Fungsi pengambil lokal dan UTC menjelaskan saat yang sama dalam zona berbeda, sehingga nilai jamnya dapat berbeda sebesar offset.
const d = new Date(Date.UTC(2024, 0, 1, 12, 0, 0))
console.log(d.getUTCHours())Menyimpan dalam UTC
Praktik terbaik yang umum adalah menyimpan semua tanggal dalam UTC dan mengonversinya ke waktu lokal hanya saat ditampilkan. Cara ini menghindari ambiguitas antarwilayah.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
console.log(d.toISOString())Menentukan Zona Waktu
Metode pemformatan menerima opsi timeZone sehingga Anda dapat menampilkan suatu momen dalam zona yang dipilih, seperti UTC, secara eksplisit.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
const text = d.toLocaleString("en-US", { timeZone: "UTC" })
console.log(typeof text)Menghindari Jebakan
Mencampurkan metode lokal dan UTC pada tanggal yang sama dapat menyebabkan kesalahan yang sulit terlihat. Pilih satu model untuk setiap perhitungan dan terapkan secara konsisten.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
console.log(d.getUTCFullYear())
console.log(d.getUTCMonth())Pemeriksaan Singkat
Uji pengetahuan Anda tentang zona waktu.
Ringkasan
Ringkasan: Baca dan tulis tanggal secara konsisten dalam waktu lokal atau UTC.
- Fungsi pengambil dan penentu UTC bekerja dalam zona global
- getTimezoneOffset mengembalikan menit dengan tanda yang terbalik
- Akhiran Z menandai teks ISO sebagai UTC
- Simpan dalam UTC, tampilkan dalam waktu lokal
const d = new Date(Date.UTC(2024, 0, 1, 12, 0, 0))
console.log(d.getUTCHours())Pertanyaan yang Sering Diajukan
Apakah pelajaran “Zona Waktu dan UTC” gratis?
Ya — teks lengkap “Zona Waktu dan UTC” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Zona Waktu dan UTC”?
Tangani UTC dan waktu lokal dengan benar. Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai JavaScript Academy?
Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Zona Waktu dan UTC” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?
Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.