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 |
|
HTMELL
Administrator
Registriert: 11.05.2006
Beiträge: 630
|
|
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 |
|
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 |
|
