Ik verveelde me net ff, en bedacht toen hoeveel moeite het mij, toen ik nog geen js kon, het heeft gekost om een goede server tijd klok te vinden.
Dus heb er ff een gemaakt voor iedereen die het nodig heeft:
Wat moet je doen?
Zet dit in de header:
Vervolgens geef je de body een onload:
En plaatje je iets met het id klok op de plek waar je de klok wilt, bijv.:
Nu ook een aftel klok:
en zet dit op de plek van de afteller:
en dit in de body:
Je moet alleen bij de eerste $date de woorden (uur, dag e.d.) vervangen door welke datum hij naar toe moet tellen!
Deze teller werkt alleen met dingen die NIET meer dan 1 maand duren.
Demo: http://www.eleky.nl/aftellen.php
Dus heb er ff een gemaakt voor iedereen die het nodig heeft:
Wat moet je doen?
Zet dit in de header:
<script type="text/javascript">
var sec = [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [URL="http://www.php.net/date"]date[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"s"[/COLOR][COLOR= #007700]);[/COLOR] ?>;
var min = [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [URL="http://www.php.net/date"]date[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"i"[/COLOR][COLOR= #007700]);[/COLOR] ?>;
var uur = [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [URL="http://www.php.net/date"]date[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"H"[/COLOR][COLOR= #007700]);[/COLOR] ?>;
function klok(){
sec = sec+1;
if(sec == 60){
sec = 0;
min = min+1;
}
if(min == 60){
min = 0;
uur = uur+1;
}
if(uur == 24){
uur = 0;
}
document.getElementById(klok).innerHTML = uur + : + min + : + sec;
setTimeout(klok(), 1000);
}
</script>Vervolgens geef je de body een onload:
<body onload="klok()">En plaatje je iets met het id klok op de plek waar je de klok wilt, bijv.:
<span id="klok"></span>Nu ook een aftel klok:
<script type="text/javascript">
[COLOR= #0000BB]<?php
$date[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/mktime"]mktime[/URL][COLOR= #007700]([/COLOR]uur[COLOR= #007700],[/COLOR] [URL="http://www.php.net/min"]min[/URL][COLOR= #007700],[/COLOR] sec[COLOR= #007700],[/COLOR] maand[COLOR= #007700],[/COLOR] dag[COLOR= #007700],[/COLOR] jaar[COLOR= #007700]);[/COLOR]
[COLOR= #0000BB]$date[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$date[/COLOR][COLOR= #007700]-[/COLOR][URL="http://www.php.net/time"]time[/URL][COLOR= #007700]();[/COLOR]
?>
var ressec = [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [URL="http://www.php.net/date"]date[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"s"[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$date[/COLOR][COLOR= #007700]);[/COLOR] ?>;
var resmin = [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [URL="http://www.php.net/date"]date[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"i"[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$date[/COLOR][COLOR= #007700]);[/COLOR] ?>;
var resuur = [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [URL="http://www.php.net/date"]date[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"H"[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$date[/COLOR][COLOR= #007700]);[/COLOR] ?>;
var resdag = [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [URL="http://www.php.net/date"]date[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"d"[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]$date[/COLOR][COLOR= #007700]);[/COLOR] ?>;
function aftellen(){
ressec = ressec-1;
if(ressec < 0){
ressec = 59;
resmin = resmin-1;
}
if(resmin < 0){
resmin = 59;
resuur = resuur-1;
}
if(resuur < 0){
resuur = 23
resdag = resdag-1;
}
if(resdag < 0){
resdag = 0;
}
document.getElementById(aftellen).innerHTML = resdag + dagen, + resuur + uren, + resmin + minuten en + ressec + seconden;
setTimeout(aftellen(), 1000);
}
</script>en zet dit op de plek van de afteller:
<span id=aftellen></span>en dit in de body:
<body onload="aftellen()">Je moet alleen bij de eerste $date de woorden (uur, dag e.d.) vervangen door welke datum hij naar toe moet tellen!
Deze teller werkt alleen met dingen die NIET meer dan 1 maand duren.
Demo: http://www.eleky.nl/aftellen.php
