Problem bei Countdown mit Textfarbe

ShoX159

Grünschnabel
Also ich hab ein problem bei meinem Countdown wird die Zeit bis zum Ziel in schwarz angezeigt.
Hab schon versucht das zu ändern aber irgendwie man ich was falsch.

hier mal mein kleiner script:

Code:
<html>

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

<script language="JavaScript">
	var jahr=2010, monat=2, tag=9, stunde=0, minute=0, sekunde=0; // 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=jahre+monate+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()">
		<body text="white">
		<br>
		<p>BioShock 2 - Sea Of Dreams</p>
		<form name="countdownform"><p><input size="75" name="countdowninput" style="background-color:black;border-width:0" onfocus="if(this.blur)this.blur()"><span style="color:blue"></p></form>
		<p>9.2.2010</p>
	</body>
<html>

Der Countdown soll weiß auf schwarzen Hintergrund sein.
 
Zuletzt bearbeitet:
Moin,

ich weiß nicht, wo hier das Problem ist, bzw. was du daran erfolglos versucht hast.

Code:
body{background-color:black;color:white;}/*;*/input {background-color:black;color:white;border-width:1}/*;*/p{font-size:80%}


Zwischen den Regelmengen (Selektor mit Deklarationsblock {...}) wird kein Semikolon angegeben - d'rum hab ich es entsprechend auskommentiert.
Code:
/*;*/


Außerdem hast du im HTML-Code einen <body>-Tag zuviel angegeben.

mfg Maik
 

Neue Beiträge

Zurück