HTML + JavaScript code:
Code: Selecteer alles
<html>
<head>
<title> Pagina </title>
<script type="text/javascript">
function startTime()
{
var datum = new Date(2010, 03, 01, 12, 00, 00, 00);
var huidigedatum = new Date();
var verschil = new Date(datum.getTime() - huidigedatum.getTime());
tijdsverschil = verschil.getTime();
var week = Math.floor(tijdsverschil / (1000 * 60 * 60 * 24 * 7));
tijdsverschil -= week * (1000 * 60 * 60 * 24 * 7);
var dag = Math.floor(tijdsverschil / (1000 * 60 * 60 * 24));
tijdsverschil -= dag * (1000 * 60 * 60 * 24);
var uur = Math.floor(tijdsverschil / (1000 * 60 * 60));
tijdsverschil -= uur * (1000 * 60 * 60);
var minuut = Math.floor(tijdsverschil / (1000 * 60));
tijdsverschil -= minuut * (1000 * 60);
var seconde = Math.floor(tijdsverschil / 1000);
tijdsverschil -= seconde * 1000;
document.getElementById('klok').innerHTML = "Nog " + week + " weken " + dag + " dagen " + uur + " uren " + minuut + " minuten " +
seconde + " seconden tot " + datum.toLocaleDateString() + " " + datum.toLocaleTimeString();
t=setTimeout('startTime()',500);
}
</script>
</head>
<body onload="startTime()">
<div id="klok"></div>
</body>
</html>
Voor deze code moet je wel 2 dingen plaatsen in je HTML code.
Ten eerste moet je body tag, het "onload" attribuut voorzien, waardoor de klok gestart wordt.
Code: Selecteer alles
<body onload="startTime()">
<div id="klok"></div>
</body>
Ten tweedde moet je ergens in je code, waar je de klok wilt plaatsen. Een <div> tag openen met een id dat gelijk is aan "klok". Het mag ook een <p> tag zijn.
Bijvoorbeeld:
<p id="klok"></p>
De inhoud tussen de <p> en </p> of <div> en </div> moet leeg zijn. Die wordt door het script ingevuld met de klok.
De tijd instellen doe je in deze regel:
Deze getallen: 2010, 03, 01, 12, 00, 00, 00
Stellen dit voor: jaar, maand, dag, uur, minuut, seconde, milliseconde
In dit geval:
2010 = jaar
03 = maand (
LET OP: Het maandsysteem gaat van 0-11. En niet van 1 - 12.
Januari = 0
Februari = 1
Maart = 2
April = 3
...
December = 11
Enkel het maandsysteem begint vanaf 0 te tellen. De dagen niet.
Dit: 2015, 10, 27, 12, 30, 00, 00
Is dus: 27 November 2015 om 12u30.
Werkend voorbeeld:
http://www.latemar.be/admin/temp/counter.html
Mvg,
Dave