Countdown

Datenschutzerklärung
Countdown Validome - Forum
Forum Startseite \| Regeln \| Suche \| Registrieren \| Anmelden \| Validome Startseite		RSS 2.0
Sie sind nicht angemeldet.		Atom 1.0

Forum Home / Javascript-Forum /

Countdown

Beitrag schreiben

Autor

Beitrag

Seiten: 1

Wishmaster
Master of Wishes

Registriert: 24.08.2006
Beiträge: 4

Hallo alle zusammen!

Ich möchte gerne einen digitalen Countdown mit JS schreiebn, nur is da jetzt noch ein Problem...

Wenn man JS deaktiviert hat wird der Text + Timer trotzdem angezeigt...

Da ich dieses Problem mit noscript lösen möchte, muss ich den Counter also über JS ausgeben lassen...

Im Moment ist der Countdown einfach in den Body gecoded...

Der Timer soll also durch den JS Code angezeigt werden, damit die Sache mit noscript klappt ;)

Code:

<HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function getTime() {
c1 = new Image(); c1.src = "1c.gif";
c2 = new Image(); c2.src = "2c.gif";
c3 = new Image(); c3.src = "3c.gif";
c4 = new Image(); c4.src = "4c.gif";
c5 = new Image(); c5.src = "5c.gif";
c6 = new Image(); c6.src = "6c.gif";
c7 = new Image(); c7.src = "7c.gif";
c8 = new Image(); c8.src = "8c.gif";
c9 = new Image(); c9.src = "9c.gif";
c0 = new Image(); c0.src = "0c.gif";
Cc = new Image(); Cc.src = "Cc.gif";
now = new Date();


later = new Date("Sep 2 2006 10:00:00");

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);
}
</script>

</HEAD>


<BODY onLoad="getTime()">

<center>
    
Es sind noch
<img height=21 src="0c.gif" width=16 name=x>
<img height=21 src="0c.gif" width=16 name=a>
<img height=21 src="0c.gif" width=16 name=b>
Tage, 

<img height=21 src="0c.gif" width=16 name=y>
<img height=21 src="0c.gif" width=16 name=z>

Stunden, 
<img height=21 src="0c.gif" width=16 name=d>
<img height=21 src="0c.gif" width=16 name=e>
Minuten und 
<img height=21 src="0c.gif" width=16 name=g>
<img height=21 src="0c.gif" width=16 name=h>
Sekunden bis Tag X
 
</center>

<center>
<script type="text/javascript">
document.write('Es sind noch <img height=21 src="0c.gif" width=16 name=x> <img height=21 src="0c.gif" width=16 name=a> <img height=21 src="0c.gif" width=16 name=b> Tage, <img height=21 src="0c.gif" width=16 name=y> <img height=21 src="0c.gif" width=16 name=z> Stunden, <img height=21 src="0c.gif" width=16 name=d> <img height=21 src="0c.gif" width=16 name=e> Minuten und <img height=21 src="0c.gif" width=16 name=g> <img height=21 src="0c.gif" width=16 name=h> Sekunden bis Tag X');
</script>
</center>

<noscript>
<center>
Bitte Javascript aktivieren...
</center>
</noscript>


</BODY>
</HTML>

Ich hoffe ihr könnt mir weiterhelfen

Thx schonmal im Vorraus!

Greetz

24.08.2006 14:11:31

Zitieren

HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544

Hallo,
das sollte funktionieren:
<HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function getTime() {
document.getElementById('timer').style.display='block';

c1 = new Image(); c1.src = "1c.gif";
c2 = new Image(); c2.src = "2c.gif";
c3 = new Image(); c3.src = "3c.gif";
c4 = new Image(); c4.src = "4c.gif";
c5 = new Image(); c5.src = "5c.gif";
c6 = new Image(); c6.src = "6c.gif";
c7 = new Image(); c7.src = "7c.gif";
c8 = new Image(); c8.src = "8c.gif";
c9 = new Image(); c9.src = "9c.gif";
c0 = new Image(); c0.src = "0c.gif";
Cc = new Image(); Cc.src = "Cc.gif";
now = new Date();

later = new Date("Sep 2 2006 10:00:00");

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);
}
</script>

</HEAD>

<BODY onLoad="getTime()">

<center style="display:none" id="timer">

Es sind noch
<img height=21 src="0c.gif" width=16 name=x>
<img height=21 src="0c.gif" width=16 name=a>
<img height=21 src="0c.gif" width=16 name=b>
Tage,

<img height=21 src="0c.gif" width=16 name=y>
<img height=21 src="0c.gif" width=16 name=z>

Stunden,
<img height=21 src="0c.gif" width=16 name=d>
<img height=21 src="0c.gif" width=16 name=e>
Minuten und
<img height=21 src="0c.gif" width=16 name=g>
<img height=21 src="0c.gif" width=16 name=h>
Sekunden bis Tag X

</center>

<noscript>
<center>
Bitte Javascript aktivieren...
</center>
</noscript>

</BODY>
</HTML>

_______________________________________
mfg
Thomas Mell

www.validome.org

24.08.2006 14:50:57

Zitieren

Wishmaster
Master of Wishes

Registriert: 24.08.2006
Beiträge: 4

Danke erstmal für deine Mithilfe...

Jetzt klappt die Sache mit noscript, aber der Timer steht die ganze Zeit auf 0...

Greetz

**EDIT:

Jetzt wird gar nichts mehr angezeigt...

Nurnoch wenn man JS deaktiviert hat...

**Edit:

Ok jetzt klappt alles...

Komisch hab nix verändert und nach nem Neustart klappts^^

Sachen gibts^^

Beitrag geändert von Wishmaster (25.08.2006 07:13:52)

24.08.2006 15:00:37

Zitieren

Seiten: 1

Beitrag schreiben

Wechsel zu

Die letzten Beiträge aus diesen Forum

Galerie-Script valide bekommen - 24.08.2006
Mousovereffekt einbauen - 23.08.2006
javascripts kombinieren - 17.08.2006
JavaScript funktioniert nicht in IE6 - 17.08.2006
Verschiebe DropDownMenue - 13.08.2006

Countdown

Validome - Forum

Countdown