ZHF_sebastian
Neues Mitglied
Hallo!
ich versuche seit Stunden einen Counter der die Zeit bis zur EM 2008 abzählt in meine HP einzubinden. Das Script habe ich soweit im header der html-datei eingefügt. Ich bekomme es aber nicht hin, dass der Countdown auch tatsächlich im body bereich angezeigt wird.
Nach den Wörten "Nur noch" soll der Countdown auch in gelber Schrift und und in der Schriftart Verdana angezeigt werden.
Der Quellcode der Seite sieht so aus.
<html>
<head>
<title>zhf_inhalt</title>
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks.onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<script language="Javascript">
<!--
var CountdownJahr = 2008;
var CountdownMonat = 6;
var CountdownTag = 7;
var CountdownStunde = 18;
var CountdownMinute = 0;
var CountdownSekunde = 0;
function CountdownAnzeigen()
{
var Jetzt = new Date();
var Countdown = new Date(CountdownJahr, CountdownMonat-1, CountdownTag, CountdownStunde, CountdownMinute, CountdownSekunde);
var MillisekundenBisCountdown = Countdown.getTime()-Jetzt.getTime();
var Rest = Math.floor(MillisekundenBisCountdown/1000);
var CountdownText = "";
if(Rest >= 31536000)
{
var Jahre = Math.floor(Rest/31536000);
Rest = Rest-Jahre*31536000;
if(Jahre > 1 || Jahre == 0)
{
CountdownText += Jahre + " Jahre ";
}
else if(Jahre == 1)
{
CountdownText += Jahre + " Jahr ";
}
}
if(Rest >= 86400)
{
var Tage = Math.floor(Rest/86400);
Rest = Rest-Tage*86400;
if(Tage > 1 || Tage == 0)
{
CountdownText += Tage + " Tage ";
}
else if(Tage == 1)
{
CountdownText += Tage + " Tag ";
}
}
if(Rest >= 3600)
{
var Stunden = Math.floor(Rest/3600);
Rest = Rest-Stunden*3600;
if(Stunden > 1 || Stunden == 0)
{
CountdownText += Stunden + " Stunden ";
}
else if(Stunden == 1)
{
CountdownText += Stunden + " Stunde ";
}
}
if(Rest >= 60)
{
var Minuten = Math.floor(Rest/60);
Rest = Rest-Minuten*60;
if(Minuten > 1 || Minuten == 0)
{
CountdownText += Minuten + " Minuten ";
}
else if(Minuten == 1)
{
CountdownText += Minuten + " Minute ";
}
}
if(Rest > 1 || Rest == 0)
{
CountdownText += Rest + " Sekunden ";
}
else if(Rest==1)
{
CountdownText += Rest + " Sekunde ";
}
document.getElementById('Countdown').innerHTML = CountdownText;
window.setTimeout("CountdownAnzeigen()", 1000);
}
//-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
</head>
<body bgcolor="#033780" text="white" leftmargin="0" marginwidth="0" >
<!-- beginn hauptinhaltstabelle--><table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" >
<tr>
<!-- abstand links vom inhalt--> <td ><img src="images/space.gif" width="20" height="1" border="0" alt=""></td><!-- ende abstand links vom inhalt-->
<td valign="top" width="100%">
<p align="center">
<font color="#FFFF00">Nur noch</font>
<body onLoad="CountdownAnzeigen();">
<span id="Countdown"></span>
</body>
</p>
<p align="center">
<!-- ende abstand nach unten einstellen-->
<a href="berichte/ankuendigung_hexenbrennen08.html">
<img border="0" src="berichte/hb_flyer08.jpg" width="496" height="350"></a></p>
<p align="center"><font color="#FFFF00">© 2008, Zschöpeler Heimatfreunde e.V.</font></p>
</td><!-- abstand rechts vom inhalt--> <td ><img src="images/space.gif" width="30" height="1" border="0" alt=""></td><!-- ende abstand rechts vom inhalt-->
</tr>
</table><!--ende hauptinhaltstabelle-->
</body>
</html>
Schon im vorraus vielen Dank für eure Hilfe !!
ich versuche seit Stunden einen Counter der die Zeit bis zur EM 2008 abzählt in meine HP einzubinden. Das Script habe ich soweit im header der html-datei eingefügt. Ich bekomme es aber nicht hin, dass der Countdown auch tatsächlich im body bereich angezeigt wird.
Nach den Wörten "Nur noch" soll der Countdown auch in gelber Schrift und und in der Schriftart Verdana angezeigt werden.
Der Quellcode der Seite sieht so aus.
<html>
<head>
<title>zhf_inhalt</title>
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks.onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<script language="Javascript">
<!--
var CountdownJahr = 2008;
var CountdownMonat = 6;
var CountdownTag = 7;
var CountdownStunde = 18;
var CountdownMinute = 0;
var CountdownSekunde = 0;
function CountdownAnzeigen()
{
var Jetzt = new Date();
var Countdown = new Date(CountdownJahr, CountdownMonat-1, CountdownTag, CountdownStunde, CountdownMinute, CountdownSekunde);
var MillisekundenBisCountdown = Countdown.getTime()-Jetzt.getTime();
var Rest = Math.floor(MillisekundenBisCountdown/1000);
var CountdownText = "";
if(Rest >= 31536000)
{
var Jahre = Math.floor(Rest/31536000);
Rest = Rest-Jahre*31536000;
if(Jahre > 1 || Jahre == 0)
{
CountdownText += Jahre + " Jahre ";
}
else if(Jahre == 1)
{
CountdownText += Jahre + " Jahr ";
}
}
if(Rest >= 86400)
{
var Tage = Math.floor(Rest/86400);
Rest = Rest-Tage*86400;
if(Tage > 1 || Tage == 0)
{
CountdownText += Tage + " Tage ";
}
else if(Tage == 1)
{
CountdownText += Tage + " Tag ";
}
}
if(Rest >= 3600)
{
var Stunden = Math.floor(Rest/3600);
Rest = Rest-Stunden*3600;
if(Stunden > 1 || Stunden == 0)
{
CountdownText += Stunden + " Stunden ";
}
else if(Stunden == 1)
{
CountdownText += Stunden + " Stunde ";
}
}
if(Rest >= 60)
{
var Minuten = Math.floor(Rest/60);
Rest = Rest-Minuten*60;
if(Minuten > 1 || Minuten == 0)
{
CountdownText += Minuten + " Minuten ";
}
else if(Minuten == 1)
{
CountdownText += Minuten + " Minute ";
}
}
if(Rest > 1 || Rest == 0)
{
CountdownText += Rest + " Sekunden ";
}
else if(Rest==1)
{
CountdownText += Rest + " Sekunde ";
}
document.getElementById('Countdown').innerHTML = CountdownText;
window.setTimeout("CountdownAnzeigen()", 1000);
}
//-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
</head>
<body bgcolor="#033780" text="white" leftmargin="0" marginwidth="0" >
<!-- beginn hauptinhaltstabelle--><table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" >
<tr>
<!-- abstand links vom inhalt--> <td ><img src="images/space.gif" width="20" height="1" border="0" alt=""></td><!-- ende abstand links vom inhalt-->
<td valign="top" width="100%">
<p align="center">
<font color="#FFFF00">Nur noch</font>
<body onLoad="CountdownAnzeigen();">
<span id="Countdown"></span>
</body>
</p>
<p align="center">
<!-- ende abstand nach unten einstellen-->
<a href="berichte/ankuendigung_hexenbrennen08.html">
<img border="0" src="berichte/hb_flyer08.jpg" width="496" height="350"></a></p>
<p align="center"><font color="#FFFF00">© 2008, Zschöpeler Heimatfreunde e.V.</font></p>
</td><!-- abstand rechts vom inhalt--> <td ><img src="images/space.gif" width="30" height="1" border="0" alt=""></td><!-- ende abstand rechts vom inhalt-->
</tr>
</table><!--ende hauptinhaltstabelle-->
</body>
</html>
Schon im vorraus vielen Dank für eure Hilfe !!
