Het aantal weken (en dagen) tot de uitgerekende datum af te tellen met een script

Via dit artikel stel ik een aftel timer ter beschikking voor mensen die het aantal resterende weken en dagen van bijvoorbeeld een zwangerschap in aanloop naar de geboorte willen publiceren op een homepage. Voel je vrij om het script naar wens aan te passen, het is een JavaScript.

Tijdens een zwangerschap zijn mensen altijd benieuwd naar de uitgerekende datum en hoeveel weken deze geplande bevallingsdatum nog weg is. Op de homepage van mijn dochter (eerste kind) publiceerden wij altijd al foto’s en video’s. Deze pagina werd dus al geregeld geraadpleegd door familie, vrienden en andere geïnteresseerden. Op deze pagina heb ik tijdens de zwangerschap met een script het aantal weken tot de uitgerekende datum gepubliceerd.

Via Google Code Hosting heb ik een voorbeeld van het script met als uitgerekende datum 10 oktober 2010 beschikbaar gesteld. In de webbrowser kun je van deze pagina de broncode opvragen. Voorbeeld van mogelijke weergave:

  • De uitgerekende datum is 10 oktober 2010. Dat is over 55 weken en 4 dagen.
  • De uitgerekende datum is 10 oktober 2010. Dat is over 55 weken.
  • De uitgerekende datum is 10 oktober 2010. Dat is over 55 weken en 1 dag.
  • De uitgerekende datum is 10 oktober 2010. Dat is vandaag!
  • De uitgerekende datum is 10 oktober 2010. Dat is al geweest…

Om het script te gebruiken voer je de volgende code in een webpagina in:

<script type=”text/javascript” src=”uitgerekende-dag.js”></script>

<p><span id=”cd”></span></p>

De tekst van het script zal door het script tussen de span worden ingevoegd. Naast deze HTML codering heb je ook het JavaScript bestand uitgerekende-dag.js zelf nodig. Op de manier waarop er in het voorbeeld naar verwezen is moet je het bestand opslaan in dezelfde directory als het HTML bestand.

Broncode van het aftelscript

Het script heb ik niet helemaal zelf geschreven. Eerst heb ik op internet een aftelscript (countdown timer) gevonden dat al aardig in de buurt kwam als uitgangspunt gebruikt. Aanpassingen ten opzichte van het oorspronkelijke script die ik heb doorgevoerd lossen de volgende zaken op:

  • Nederlandstalig;
  • Weken toevoegen en maanden/uren/minuten/seconden verwijderen;
  • Enkelvoud (“1 week”, niet “1 weken”);
  • Geen “0” afdrukken (“0 dagen”);
  • Volledige maand weergeven (“januari”);
  • Jaartal;
  • Uitgerekende datum ook netjes afdrukken;
  • Tijdzone standaard op UTC+2 voor Amsterdam.

Het oorspronkelijke script kon ook aftellen tot bijvoorbeeld iedere 22e van de maand. Deze programmacode heb ik laten staan maar wordt niet gebruikt. Als ik deze code overigens zou verwijderen dan zou ik het script wel ongeveer helemaal herschreven hebben :)

This entry was posted on Friday, November 13th, 2009 at 07:43 and is filed under . You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

Comments are closed.