countdownscript

tomm3 · 25. Aug. 2006

hallo zusammen,

ich möchte folgendes skript so umbauen, dass anstatt der zahl für die tage jeweils ein image eingeblendet wird. bin leider nicht so der js-profi. ist das überhaupt möglich?

HTML:

<html>

	<head>
		<title>Ein Countdown mit JavaScript</title>
		<meta name="robots" content="noindex,nofollow">
		<style type="text/css">body{background-color:#ffffff};input {background-color:#ffffff;border-width:1};p{font-size:80%}</style>

<script language="JavaScript">
	var jahr=2006, monat=9, tag=21, stunde=10, minute=00, sekunde=00; // Ziel-Datum in MEZ
	var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

	function countdown() {
		startDatum=new Date(); // Aktuelles Datum

		// Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
		if(startDatum<zielDatum)  {

			var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;

			// Jahre
			while(startDatum<zielDatum) {
				jahre++;
				startDatum.setFullYear(startDatum.getFullYear()+1);
			}
			startDatum.setFullYear(startDatum.getFullYear()-1);
			jahre--;

			// Monate
			while(startDatum<zielDatum) {
				monate++;
				startDatum.setMonth(startDatum.getMonth()+1);
			}
			startDatum.setMonth(startDatum.getMonth()-1);
			monate--;

			// Tage
			while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
				tage++;
				startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
			}

			// Stunden
			stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
			startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);

			// Minuten
			minuten=Math.floor((zielDatum-startDatum)/(60*1000));
			startDatum.setTime(startDatum.getTime()+minuten*60*1000);

			// Sekunden
			sekunden=Math.floor((zielDatum-startDatum)/1000);

			// Anzeige formatieren
			//(jahre!=1)?jahre=jahre+" Jahre,  ":jahre=jahre+" Jahr,  ";
			//(monate!=1)?monate=monate+" Monate,  ":monate=monate+" Monat,  ";
			(tage!=1)?tage=tage+" Tage,  ":tage=tage+" Tag,  ";
			(stunden!=1)?stunden=stunden+" Stunden,  ":stunden=stunden+" Stunde,  ";
			(minuten!=1)?minuten=minuten+" Minuten  und  ":minuten=minuten+" Minute  und  ";
			if(sekunden<10) sekunden="0"+sekunden;
			(sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde";

			document.countdownform.countdowninput.value=tage+stunden+minuten+sekunden;

			setTimeout('countdown()',200);
		}
		// Anderenfalls alles auf Null setzen
		else document.countdownform.countdowninput.value="0 Jahre,  0 Monate,  0 Tage,  0 Stunden,  0 Minuten  und  00 Sekunden";
	}
</script>

	</head>

	<body scroll="auto" onload="countdown()">
		<br>
		<p>Die Spannung steigt. Nur noch</p>
		<form name="countdownform"><p><input size="75" name="countdowninput" style="background-color:#ffffff;border-width:0" onfocus="if(this.blur)this.blur()"></p></form>
		<p>bis zum 21.09.2006.</p>
	</body>
<html>

danke + grüsse!

t.

countdownscript

tomm3

New member