Hintergrund Countdown

Lücke

Hallo. ich ahbe nen Countdown aber so wie er jetzt ist soll er nicht bleiben. Die schrift soll dicker sein und in weiß. der Hintergrund schwarz. Wie kann ich das machen?????

Code

<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Oct 17 2005 22:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " Sekunde" : " Sekunden";
min = (minutesRound == 1) ? " Minute" : " Minuten, ";
hr = (hoursRound == 1) ? " Stunde" : " Stunden, ";
dy = (daysRound == 1)  ? " tag" : " Tage, "
document.timeForm.input1.value = "" + daysRound  + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + "";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>




<form name=timeForm>
<input type="texte" name=input1 size=45>
</form>


<BODY onLoad="getTime()">

Alles anzeigen

Und der Timer sollte am Ende bei 0 stehen bleiben aber er springt auf -2 tage zurück.

GreenRover

So sollte es gehen:

Code

<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Oct 4 2005 12:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " Sekunde" : " Sekunden";
min = (minutesRound == 1) ? " Minute" : " Minuten, ";
hr = (hoursRound == 1) ? " Stunde" : " Stunden, ";
dy = (daysRound == 1) ? " tag" : " Tage, ";
if (daysRound<0)
{
 document.timeForm.countdown.value = "0" + dy + "0" + hr + "0" + min + "0" + sec + "";
} else {
 document.timeForm.countdown.value = "" + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + "";
}
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
<style type="text/css">
.countdow {
	background-color: #000000;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 300px;
}
</style>


<form name=timeForm>
 <input type="texte" name="countdown" class="countdow">
</form>


<BODY onLoad="getTime()">

Alles anzeigen

Lücke

Mmh habe ich gemacht. jetzt zeigt er mir ne fehlermeldung an. Habe es jetzt so:

Code

<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Oct 4 2005 12:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " Sekunde" : " Sekunden";
min = (minutesRound == 1) ? " Minute" : " Minuten, ";
hr = (hoursRound == 1) ? " Stunde" : " Stunden, ";
dy = (daysRound == 1) ? " tag" : " Tage, ";
if (daysRound<0)
{
 document.timeForm.countdown.value = "0" + dy + "0" + hr + "0" + min + "0" + sec + "";
} else {
 document.timeForm.countdown.value = "" + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + "";
}
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
<style type="text/css">


</style>


<form name=timeForm>
 <input type="texte" name="countdown" class="countdow">
</form>




<BODY onLoad="getTime()">

Alles anzeigen

und diesen teil in meiner css datei:

Code

.countdow {
   background-color: #000000;
   border: 1px solid #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   width: 300px;
}

EDIT:

OK mein Fehler. Habe es. Danke

Hintergrund Countdown

Tags

Benutzer online in diesem Thema