AFTELKLOK

JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home CSS DHTML Forum E-mail Sitezoeker Links

AFTELKLOK

Deze klok telt af tot een opgegeven datum:
tot nieuwjaar is het bijvoorbeeld nog

1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina :

<style type="text/css">
@import "jquery.countdown.css";
#display { width: 240px; height: 45px; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.min.js"></script>
<script type="text/javascript">
$(function () {
	var einde = new Date();
	/* opgelet: JavaScript telt de maanden van 0 tot 11 i.p.v. 1 tot 12 */
	
	// je kiest ofwel een absolute datum:
	// $('#display').countdown({tot: new Date(2012, 0, 1)}); tot 1 januari 2012 
	
	// ofwel kies je een relatieve datum:
	einde = new Date(einde.getFullYear() +1, 0, 1);// +1 = volgend jaar, maand 0 = januari, dag = 1
	$('#display').countdown({tot: einde});
	/* 
	Wens je op het einde de display te vervangen door een tekst: 
	$('#display').countdown({tot: einde, eindeTekst: 'Gelukkig Nieuwjaar !'});
	Wens je op het einde naar een nieuwe pagina te gaan: 
	$('#display').countdown({tot: einde, eindeUrl: '#'});
	*/
	});
</script>

2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina :
3. Download jquery.countdown.min.js en plaats dit bestand in dezelfde map.

4. Download jquery.countdown.css en plaats dit bestand in dezelfde map.

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.