Gratis wereldklok-widget voor je website

Wat is een wereldklok-widget?

Een wereldklok-widget is een klein vak op je website dat de actuele tijd in één of meer steden toont. In plaats van bezoekers tijdsverschillen uit hun hoofd te laten berekenen, geeft hij direct het antwoord: hoe laat het nu is in Londen, New York of Tokio, en of het daar nog vandaag of al morgen is.

De wereldklok van WebToolsMe toont maximaal acht steden als digitale lijst of als analoge wijzerplaten. Hij wordt elke seconde of elke minuut bijgewerkt, past zich vanzelf aan wanneer een land overgaat op zomer- of wintertijd en kan een regel met de lokale tijd van elke bezoeker toevoegen, zodat vergelijken makkelijk is.

Wie gebruikt een wereldklok op zijn website?

Een wereldklok is handig zodra je website, je klanten of je team over meer dan één tijdzone verspreid zijn. Typische voorbeelden:

• Teams op afstand en bureaus die de kantoortijden van elke vestiging tonen, zodat klanten weten wanneer iemand bereikbaar is.
• Reis-, toerisme- en hotelsites die de lokale tijd op de bestemming naast de tijd van de bezoeker tonen.
• Webwinkels en supportpagina’s met internationale klanten die hun openingstijden duidelijk willen maken.
• Financiële, crypto- en tradingblogs die de opening en sluiting van de beurzen in New York, Londen en Tokio volgen.
• Online cursussen, webinars en livestreams met deelnemers uit verschillende landen.
• Blogs van expats en families die de tijd thuis en in het buitenland naast elkaar houden.

Zo zet je de wereldklok op je website

Kies hierboven je steden en de stijl en klik op Code kopiëren. De code is één scripttag; plak die op de plek waar de klok moet verschijnen en volg de stappen voor je platform:

Functies

Tijdzones en zomertijd

De meeste landen liggen niet op een vaste afstand van UTC (gecoördineerde wereldtijd). Veel landen zetten de klok in het voorjaar vooruit en in het najaar terug, en dat op verschillende data: de Europese Unie op de laatste zondag van maart en oktober, de Verenigde Staten op de tweede zondag van maart en de eerste zondag van november. Andere landen, zoals Turkije (sinds 2016 het hele jaar UTC+3), Japan, China en India, kennen helemaal geen zomertijd.

Daarom slaat de widget nooit een vast verschil op zoals ‘+3 uur’. Elke stad wordt bewaard met de officiële naam van haar tijdzone uit de IANA-tijdzonedatabase, bijvoorbeeld Europe/Amsterdam of America/New_York. De browser van de bezoeker gebruikt deze database om op elk moment de juiste lokale tijd te berekenen, ook rond een klokwisseling. Als een overheid haar tijdregels wijzigt, krijgen browsers een update en toont de widget de nieuwe tijd zonder dat je je code hoeft aan te passen.

Om dezelfde reden wordt ook het tijdsverschil naast elke stad live berekend. In de weken waarin Europa en Noord-Amerika de klok al op verschillende data hebben verzet, is het verschil tussen Amsterdam en New York vijf uur in plaats van zes, en precies dat toont de widget.

12- of 24-uursnotatie?

De 12-uursklok met AM en PM is gebruikelijk in de Verenigde Staten, Canada, Australië en India, terwijl Nederland, België en het grootste deel van Europa de 24-uursnotatie gebruiken. Kies de notatie die je publiek het natuurlijkst leest; komen je bezoekers van overal, dan voorkomt de 24-uursnotatie verwarring tussen ochtend en avond.

AM en PM, de namen van de dagen en de datum verschijnen in de widgettaal die je kiest. Met seconden oogt de klok levendiger; zonder seconden ververst de digitale klok maar één keer per minuut, de lichtste optie.

De lokale tijd van de bezoeker tonen

Als je de lokale tijd van de bezoeker inschakelt, toont de eerste regel van de klok de tijd op diens eigen apparaat, met een label in de widgettaal. Elke andere stad laat dan zien hoeveel uur ze voor- of achterloopt en of het daar gisteren, vandaag of morgen is. Een bezoeker in Amsterdam die naar een klok met Sydney kijkt, ziet in één oogopslag dat Sydney bijvoorbeeld negen uur voorloopt en al op de datum van morgen zit.

De lokale tijd komt uit de browser van de bezoeker, die zijn eigen tijdzone kent. Er wordt niets over de bezoeker naar WebToolsMe gestuurd of ergens opgeslagen.

Snelheid en privacy

De wereldklok is één klein script. Na het laden maakt hij geen verbinding meer met een server: elke seconde of minuut berekent hij de tijd in de browser van de bezoeker. Hij plaatst geen cookies en verzamelt geen gegevens.

De klok wordt getekend in een afgesloten Shadow DOM-vak. De stijlen van je thema kunnen het uiterlijk niet veranderen en zijn eigen stijlen lekken niet naar je pagina, dus hij past even goed in WordPress-thema’s, paginabouwers en zelfgeschreven sites.

Tips voor een handige wereldklok

• Zet de belangrijkste stad bovenaan; wijzig de volgorde met de ↑-knop in de stedenlijst.
• Drie tot vijf steden lezen prettig; gebruik er meer alleen als de klok ruimte heeft, zoals in een sectie over de volle breedte.
• Gebruik namen die je bezoekers kennen. Voor openingstijden zijn ‘New York’, ‘Londen’ en ‘Singapore’ duidelijker dan kleinere plaatsen in de buurt.
• Voor een smalle zijbalk werkt een breedte van 300 tot 360 pixels goed. Analoge wijzerplaten komen het best tot hun recht met drie of vier steden.
• Stem het thema af op je site: donkere sites zien er beter uit met het donkere thema en een accentkleur uit je huisstijl.

Veelgestelde vragen