Zeitzonen und UTC
Behandeln Sie UTC und lokale Zeit korrekt.
Zeitzonen und UTC ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 4 Lektionen.
Lokalzeit und UTC
Ein Datum speichert einen absoluten Zeitpunkt, kann aber in der Lokalzeit oder in UTC, der globalen Referenzzeit, ausgelesen werden. Für Getter gibt es beide Varianten.
const d = new Date(Date.UTC(2024, 0, 15, 12, 0, 0))
console.log(d.getUTCHours())UTC-Getter
Methoden mit dem Präfix UTC, wie getUTCFullYear und getUTCHours, lesen Datumsbestandteile unabhängig vom Gerät in der UTC-Zeitzone aus.
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 gibt den Unterschied zwischen der Lokalzeit und UTC in Minuten zurück. Ein positiver Wert bedeutet, dass die Lokalzeit hinter UTC liegt.
const d = new Date()
const offset = d.getTimezoneOffset()
console.log(typeof offset)Vorzeichen des Offsets
Das Vorzeichen des Offsets ist umgekehrt zu dem, was viele erwarten: Eine Zeitzone, die UTC voraus ist, ergibt einen negativen Offset. Teilen Sie die Minuten durch 60, um sie in Stunden umzurechnen.
const offsetMinutes = 120
const hours = offsetMinutes / 60
console.log(hours)UTC-Daten erstellen
Date.UTC übernimmt dieselben Argumente für die Datumsbestandteile wie der Konstruktor, interpretiert sie jedoch als UTC und gibt einen Zeitstempel zurück, den Sie an new Date übergeben können.
const ts = Date.UTC(2024, 0, 1, 0, 0, 0)
const d = new Date(ts)
console.log(d.getUTCHours())UTC-Setter
Setter wie setUTCHours ändern ein Datum in der UTC-Zeitzone. Sie funktionieren wie die lokalen Setter, sind jedoch an UTC ausgerichtet.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
d.setUTCHours(15)
console.log(d.getUTCHours())Das Z in ISO-Strings
Das abschließende Z in einem ISO-String bedeutet, dass die Zeit in UTC angegeben ist, auch Zulu-Zeit genannt. Strings ohne dieses Zeichen werden möglicherweise als Lokalzeit interpretiert.
const d = new Date("2024-01-15T10:00:00Z")
console.log(d.getUTCHours())Gleicher Zeitpunkt, unterschiedliche Auslesewerte
Die lokalen und die UTC-Getter beschreiben denselben Zeitpunkt in unterschiedlichen Zeitzonen. Deshalb können sich ihre Stundenwerte um den Offset unterscheiden.
const d = new Date(Date.UTC(2024, 0, 1, 12, 0, 0))
console.log(d.getUTCHours())Speichern in UTC
Eine gängige Best Practice besteht darin, alle Datumswerte in UTC zu speichern und sie erst für die Anzeige in die Lokalzeit umzuwandeln. So vermeiden Sie Mehrdeutigkeiten zwischen Regionen.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
console.log(d.toISOString())Eine Zeitzone angeben
Formatierungsmethoden akzeptieren eine timeZone-Option, sodass Sie einen Zeitpunkt ausdrücklich in einer ausgewählten Zeitzone wie UTC darstellen können.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
const text = d.toLocaleString("en-US", { timeZone: "UTC" })
console.log(typeof text)Stolperfallen vermeiden
Wenn Sie lokale und UTC-Methoden für dasselbe Datum mischen, entstehen schwer erkennbare Fehler. Entscheiden Sie sich pro Berechnung für ein Modell und wenden Sie es konsequent an.
const d = new Date(Date.UTC(2024, 0, 1, 0, 0, 0))
console.log(d.getUTCFullYear())
console.log(d.getUTCMonth())Kurztest
Testen Sie Ihr Wissen über Zeitzonen.
Zusammenfassung
Zusammenfassung: Lesen und schreiben Sie Datumswerte konsequent entweder in der Lokalzeit oder in UTC.
- UTC-Getter und -Setter arbeiten in der globalen Zeitzone
- getTimezoneOffset gibt Minuten mit umgekehrtem Vorzeichen zurück
- Das Suffix Z kennzeichnet einen ISO-String als UTC
- Speichern Sie in UTC und zeigen Sie Werte in der Lokalzeit an
const d = new Date(Date.UTC(2024, 0, 1, 12, 0, 0))
console.log(d.getUTCHours())Häufig gestellte Fragen
Ist die Lektion „Zeitzonen und UTC“ kostenlos?
Ja — der vollständige Text von „Zeitzonen und UTC“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Zeitzonen und UTC“?
Behandeln Sie UTC und lokale Zeit korrekt. Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um JavaScript Academy zu starten?
Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Zeitzonen und UTC“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.