Het langer en korter worden van de dagen
Met het verstrijken van de seizoenen worden de dagen langer en korter. Op deze bladzijde wordt een script gepresenteerd dat het lengen en korten van de dagen zichtbaar maakt, zoals hieronder is weergegeven.
De code staat onderaan deze pagina. Je kunt hem downloaden om zelf te gebruiken.
- Er worden twee items besproken:
- De werking van het script.
- Inbouwen in je eigen site.
- Dit script is een bewerking/uitbreiding van het script in het item Zon op / Zon onder, dat de tijdstippen van het op- en ondergaan van de zon voor 'vandaag' op je website laat verschijnen.
- Het script berekent de tijdstippen van de zonsopgang en -ondergang voor vandaag en gisteren.
- Het tijdsverschil tussen zonsopgang en -ondergang (de daglichttijd) wordt berekend voor vandaag en gisteren.
- Het verschil tussen de daglichttijden van vandaag en gisteren wordt op de pagina getoond:
- Als de daglichttijd van vandaag langer is dan die van gisteren, worden de dagen langer. Dat is in principe het geval tussen 21 december en 21 juni.
- Als de daglichttijd van vandaag korter is dan die van gisteren, worden de dagen korter. Dat is in principe het geval tussen 21 juni en 21 december.
- De verschillen in daglichttijd zijn in Nederland gewoonlijk niet groter dan 4 minuten.
- In de praktijk kan de onnauwkeurigheid in het rekenresultaat oplopen tot ± 30 seconden. Dat betekent dat, als er wordt gezegd: "Vandaag duurt (ongeveer) 2 minuten langer dan gisteren", er wordt bedoeld: "Vandaag duurt tussen 1½ en 2½ minuut langer dan gisteren".
- Het script houdt rekening met de mogelijkheid dat vandaag (ongeveer) even lang duurt als gisteren. Dat is in principe mogelijk in de periodes 20 t.m. 23 juni (met 21 en 22 juni als grootste waarschijnlijkheid) en 20 t.m. 23 december (met 21 en 22 december als grootste waarschijnlijkheid).
- De code staat in de file dagen-langer-korter.js, een JavaScript bestand, dat je linkt vanuit de <HEAD>
van je document. Het bestand vind je in de downloadfile. Daarnaast is er wat JavaScript in de <BODY>, om het
resultaat van de berekening te laten zien.
- Je kunt de melding over het korter of langer worden van de dagen dus goed combineren met een melding over de zonsopkomst en -ondergang. Zie ook de pagina over het laatste nieuws, het weer en het verkeer. Als je de muis over de zon- en maantijden beweegt, verschijnt de melding in een tooltip.
- Het JavaScript geeft het resultaat terug in de variabele ShorterLongerString, die je met bijv. document.write
in je document kunt zetten.
- Alle berekeningen worden gedaan vóórdat de browser aan de <BODY> begint. De variabele ShorterLongerString is dus direct beschikbaar voor gebruik.
- De melding kun je naar eigen inzicht opmaken. Op deze pagina is dat gedaan door de <script>-tag, die de melding
op het scherm zet, in te bedden in een <p>-tag die is opgemaakt met een style-attribuut of class,
bijvoorbeeld:
<p class="...">.....</p>
Gebruik:
- De code staat gedeeltelijk in de <HEAD> en gedeeltelijk in de <BODY>.
De code ziet er als volgt uit:
(Zet dit in de <HEAD>).
<script src="dagen-langer-korter.js"></script>
(Zet dit in de <BODY>, op de plaats waar de melding moet verschijnen).
Om het in een tooltip te laten verschijnen:<script>
if (ShorterLongerString.length > 0) document.write(ShorterLongerString);
else document.write("Er is een fout opgetreden");
</script>
Helemaal onderaan, net voor de </BODY>-tag zet je:<p id="msg" title=""></p>
<script>
if (ShorterLongerString.length > 0)
document.getElementById('msg').title = ShorterLongerString;
</script>
Downloaden:
Druk op de knop:
File: voorb075.zip, 2300 bytes.
