hilfe beim countdown

**Thoman** · 18.12.2005 01:35

hallo

ich hätte ein anliegen...ich bin nicht bewandert in sachen html bzw php.

ich betreibe ein vbforum mit portal.
in diesem portal habe ich ein modul erstellt namens countdown...

zu sehen hier...
http://www.ssmf.net
ganz unten, der countdown funktioniert, ist es möglich ein zusätzliches hintergrundbild einzubauen
zb dieses hier

der code vom countdown:

Code:

<tr>
<td class="alt2">
<div align="center" class="smallfont">

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
//Created by DendE PhisH
//Hier Bitte dein Zieldatum einfügen

later = new Date("Jan 1 " + (parseInt(new Date().getFullYear())+1) + " 00:00:00");

function getTime() {
c1 = new Image(); c1.src = "images/countdown/c1.gif";
c2 = new Image(); c2.src = "images/countdown/c2.gif";
c3 = new Image(); c3.src = "images/countdown/c3.gif";
c4 = new Image(); c4.src = "images/countdown/c4.gif";
c5 = new Image(); c5.src = "images/countdown/c5.gif";
c6 = new Image(); c6.src = "images/countdown/c6.gif";
c7 = new Image(); c7.src = "images/countdown/c7.gif";
c8 = new Image(); c8.src = "images/countdown/c8.gif";
c9 = new Image(); c9.src = "images/countdown/c9.gif";
c0 = new Image(); c0.src = "images/countdown/c0.gif";
Cc = new Image(); Cc.src = "images/countdown/cD.gif";
now = new Date();

days = (later - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);

if (secondsRound <= 9) {
document.images.g.src = c0.src;
document.images.h.src = eval("c"+secondsRound+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");
document.images.h.src = eval("c"+(secondsRound%10)+".src");
}
if (minutesRound <= 9) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+minutesRound+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");
document.images.e.src = eval("c"+(minutesRound%10)+".src");
}
if (hoursRound <= 9) {
document.images.y.src = c0.src;
document.images.z.src = eval("c"+hoursRound+".src");
}
else {
document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");
document.images.z.src = eval("c"+(hoursRound%10)+".src");
}
if (daysRound <= 9) {
document.images.x.src = c0.src;
document.images.a.src = c0.src;
document.images.b.src = eval("c"+daysRound+".src");
}
if (daysRound <= 99) {
document.images.x.src = c0.src;
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 999){
document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
newtime = window.setTimeout("getTime();", 1000);
}
//  End -->
</script>
</head>
<body onLoad="getTime()">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat">Countdown zum Jahr 2006</td>
</tr>
<tr>
<td class="alt1"><div align="left">
</div>

<center>
<table><tr><td valign="bottom">
<img height=26 src="images/countdown/c0.gif" width=20 name=x>
<img height=26 src="images/countdown/c0.gif" width=20 name=a>
<img height=26 src="images/countdown/c0.gif" width=20 name=b>
<img height=20 src="images/countdown/cD.gif" width=8 name=c>
<img height=26 src="images/countdown/c0.gif" width=20 name=y>
<img height=26 src="images/countdown/c0.gif" width=20 name=z>
<img height=20 src="images/countdown/cD.gif" width=8 name=cz>
<img height=26 src="images/countdown/c0.gif" width=20 name=d>
<img height=26 src="images/countdown/c0.gif" width=20 name=e>
<img height=20 src="images/countdown/cD.gif" width=8 name=f>
<img height=26 src="images/countdown/c0.gif" width=20 name=g>
<img height=26 src="images/countdown/c0.gif" width=20 name=h>
</td></tr></table>
</center>

<div align="center" Style="color:blue">
<h5>Tage : Stunden : Minuten : Sekunden</h5>
</div>
</td>
</tr>
</table>
</body>
</html>

man sagte mir das im code wohl einige fehler drin sind jedoch funktioniert der dennoch

könnte den jemand bitte überarbeiten evtl obiges bild mit einfügen ?

**webcreate** · 18.12.2005 02:15

Du musst dem td, in dem der Counter liegt, einer anderen Class zuweisen.
Mach mal aus
<td class="alt1">
folgendes
<td class="counter">

und die CSS erweiterst du mit

.counter{
background-image: url(background.jpg);
}

**Thoman** · 18.12.2005 02:49

danke dir....

mal noch eine frage welcher javascript ist nun der genauere

auf meiner seite http://www.ssmf.net habe ich im standart style den man unten auswählen kann ein anderen countdown drin als im style ssmf
beide zählen abwärts jedoch beträgt die differenz 6 stunden unterschied

woran liegt das ?

**Cybergreek** · 18.12.2005 10:58

Zitat von Thoman

mal noch eine frage welcher javascript ist nun der genauere

Also der aktuell angezeigte Countdown sagt mir noch 13 Tage, 7 Stunden usw.
Da der Countdown wahrscheinlich Silvester anvisiert

, geht dieser falsch. In irgendwas +7 Stunden wäre es erst 18Uhr.

Woran das liegt kann ich Dir aber leider nicht sagen, da das JavaScript eigentlich in Ordnung aussieht.

**Thoman** · 18.12.2005 13:08

so habs hinbekommen, es sind nur noch 1 stunde unterschied

counter 1
http://www.ssmf.net/counter.htm

counter2
http://www.ssmf.net/counter2.htm

welcher war es der am genausten funktioniert ?

**Cybergreek** · 18.12.2005 19:14

Zitat von Thoman

welcher war es der am genausten funktioniert ?

Ich versteh grad nicht, warum Du nicht selbst rechnest... Wenn Du JavaScript kannst, dann wirst Du wohl mit der Uhr umgehen können

Der zweiter geht richtig...

PS: Nit bös nehmen

zur Startseite vom TP

Thema: hilfe beim countdown

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

hilfe beim countdown

Aktive Benutzer

Aktive Benutzer