Kostenloses Weltuhr-Widget für deine Website

Was ist ein Weltuhr-Widget?

Ein Weltuhr-Widget ist ein kleiner Kasten auf deiner Website, der die aktuelle Uhrzeit einer oder mehrerer Städte zeigt. Statt Besucher Zeitunterschiede im Kopf ausrechnen zu lassen, liefert es die Antwort direkt: wie spät es gerade in London, New York oder Tokio ist und ob dort noch heute oder schon morgen ist.

Die Weltuhr von WebToolsMe zeigt bis zu acht Städte als digitale Liste oder als analoge Zifferblätter. Sie aktualisiert sich jede Sekunde oder jede Minute, stellt sich selbst um, wenn ein Land zur Sommer- oder Winterzeit wechselt, und kann eine Zeile mit der Ortszeit jedes Besuchers ergänzen, damit der Vergleich leichtfällt.

Wer nutzt eine Weltuhr auf seiner Website?

Eine Weltuhr lohnt sich immer dann, wenn deine Website, deine Kunden oder dein Team über mehrere Zeitzonen verteilt sind. Typische Beispiele:

• Remote-Teams und Agenturen, die die Bürozeiten jedes Standorts zeigen, damit Kunden wissen, wann jemand erreichbar ist.
• Reise-, Tourismus- und Hotelseiten, die die Ortszeit am Reiseziel neben der Zeit des Besuchers anzeigen.
• Onlineshops und Supportseiten mit internationaler Kundschaft, die ihre Servicezeiten klar machen wollen.
• Finanz-, Krypto- und Trading-Blogs, die Öffnung und Schluss der Börsen in New York, London und Tokio verfolgen.
• Onlinekurse, Webinare und Livestreams mit Teilnehmenden aus verschiedenen Ländern.
• Auswanderer- und Familienblogs, die die Zeit zu Hause und in der neuen Heimat nebeneinander zeigen.

So baust du die Weltuhr in deine Website ein

Wähle oben deine Städte und den Stil und klicke auf Code kopieren. Der Code ist ein einzelnes Script-Tag; füge es dort ein, wo die Uhr erscheinen soll, und folge den Schritten für deine Plattform:

Funktionen

Zeitzonen und Sommerzeit

Die meisten Länder liegen nicht in einem festen Abstand zu UTC (koordinierte Weltzeit). Viele stellen die Uhren im Frühjahr vor und im Herbst zurück, und zwar an unterschiedlichen Tagen: Die Europäische Union stellt am letzten Sonntag im März und im Oktober um, die USA am zweiten Sonntag im März und am ersten Sonntag im November. Andere Länder wie die Türkei (seit 2016 ganzjährig UTC+3), Japan, China oder Indien kennen gar keine Sommerzeit.

Deshalb speichert das Widget nie einen festen Abstand wie „+3 Stunden“. Jede Stadt wird mit dem offiziellen Namen ihrer Zeitzone aus der IANA-Zeitzonendatenbank gespeichert, zum Beispiel Europe/Berlin oder America/New_York. Der Browser des Besuchers berechnet damit in jedem Moment die richtige Ortszeit, auch in den Stunden rund um eine Zeitumstellung. Ändert ein Staat seine Zeitregeln, erhalten die Browser ein Update, und das Widget zeigt die neue Zeit, ohne dass du deinen Code anfassen musst.

Aus demselben Grund wird auch der Zeitunterschied neben jeder Stadt live berechnet. In den Wochen, in denen Europa und Nordamerika die Uhren an verschiedenen Tagen umgestellt haben, beträgt der Unterschied zwischen Berlin und New York fünf statt sechs Stunden, und genau das zeigt das Widget.

12- oder 24-Stunden-Format?

Die 12-Stunden-Uhr mit AM und PM ist in den USA, Kanada, Australien und Indien üblich, während Deutschland, Österreich, die Schweiz und der größte Teil Europas das 24-Stunden-Format verwenden. Wähle das Format, das dein Publikum am natürlichsten liest; kommen deine Besucher aus aller Welt, vermeidet das 24-Stunden-Format jede Verwechslung von Vor- und Nachmittag.

AM und PM, die Namen der Wochentage und das Datum erscheinen in der Widget-Sprache, die du wählst. Mit Sekunden wirkt die Uhr lebendiger; ohne Sekunden aktualisiert sich die Digitaluhr nur einmal pro Minute – die leichteste Variante.

Die Ortszeit des Besuchers anzeigen

Wenn du die Ortszeit des Besuchers aktivierst, zeigt die erste Zeile der Uhr die Uhrzeit auf seinem eigenen Gerät, beschriftet in der Widget-Sprache. Jede weitere Stadt zeigt dann, wie viele Stunden sie dem Besucher voraus ist oder hinterherhinkt und ob dort gestern, heute oder morgen ist. Ein Besucher in Berlin, der eine Uhr mit Sydney sieht, erkennt auf einen Blick, dass Sydney zum Beispiel neun Stunden voraus ist und schon das morgige Datum hat.

Die Ortszeit stammt vom Browser des Besuchers, der seine eigene Zeitzone kennt. Es werden keine Daten über den Besucher an WebToolsMe gesendet oder irgendwo gespeichert.

Geschwindigkeit und Datenschutz

Die Weltuhr ist ein einzelnes kleines Skript. Nach dem Laden verbindet sie sich mit keinem Server mehr: Jede Sekunde oder Minute berechnet sie die Uhrzeit im Browser des Besuchers. Sie setzt keine Cookies und sammelt keine Daten.

Die Uhr wird in einer geschlossenen Shadow-DOM-Box gezeichnet. Die Styles deines Themes können ihr Aussehen nicht verändern, und ihre Styles wirken sich nicht auf deine Seite aus. So passt sie in WordPress-Themes, Page-Builder und handgeschriebene Websites gleichermaßen.

Tipps für eine nützliche Weltuhr

• Setze die wichtigste Stadt an den Anfang; mit der ↑-Taste in der Städteliste änderst du die Reihenfolge.
• Drei bis fünf Städte lassen sich leicht lesen; nutze mehr nur, wenn die Uhr genug Platz hat, etwa in einem Bereich über die volle Breite.
• Verwende Namen, die deine Besucher kennen. Für Servicezeiten sind „New York“, „London“ und „Singapur“ klarer als kleinere Orte in der Nähe.
• Für eine schmale Seitenleiste passt eine Breite von 300 bis 360 Pixeln. Analoge Zifferblätter wirken mit drei oder vier Städten am besten.
• Stimme das Design auf deine Website ab: Dunkle Seiten sehen mit dem dunklen Design und einer Akzentfarbe deiner Marke besser aus.

Häufige Fragen