nicht angemeldet
countdown skript
hallo zusammen,
ich möchte folgendes skript so umbauen, dass anstatt der zahl für die tage jeweils ein image eingeblendet wird. bin leider nicht so der js-profi. ist das überhaupt möglich? kann ich unten in einem image-tag den namen dynamisch gestalten? wenn ja, wie?
<html> <head> <title>Ein Countdown mit JavaScript</title> <meta name="robots" content="noindex,nofollow"> <style type="text/css">body{background-color:#ffffff};input {background-color:#ffffff;border-width:1};p{font-size:80%}</style> <script language="JavaScript"> var jahr=2006, monat=9, tag=21, stunde=10, minute=00, sekunde=00; // Ziel-Datum in MEZ var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde); function countdown() { startDatum=new Date(); // Aktuelles Datum // Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist if(startDatum<zielDatum) { var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0; // Jahre while(startDatum<zielDatum) { jahre++; startDatum.setFullYear(startDatum.getFullYear()+1); } startDatum.setFullYear(startDatum.getFullYear()-1); jahre--; // Monate while(startDatum<zielDatum) { monate++; startDatum.setMonth(startDatum.getMonth()+1); } startDatum.setMonth(startDatum.getMonth()-1); monate--; // Tage while(startDatum.getTime()+(24*60*60*1000)<zielDatum) { tage++; startDatum.setTime(startDatum.getTime()+(24*60*60*1000)); } // Stunden stunden=Math.floor((zielDatum-startDatum)/(60*60*1000)); startDatum.setTime(startDatum.getTime()+stunden*60*60*1000); // Minuten minuten=Math.floor((zielDatum-startDatum)/(60*1000)); startDatum.setTime(startDatum.getTime()+minuten*60*1000); // Sekunden sekunden=Math.floor((zielDatum-startDatum)/1000); // Anzeige formatieren //(jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, "; //(monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, "; (tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, "; (stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, "; (minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und "; if(sekunden<10) sekunden="0"+sekunden; (sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde"; document.countdownform.countdowninput.value=tage+stunden+minuten+sekunden; setTimeout('countdown()',200); } // Anderenfalls alles auf Null setzen else document.countdownform.countdowninput.value="0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden"; } </script> </head> <body scroll="auto" onload="countdown()"> <br> <p>Die Spannung steigt. Nur noch</p> <form name="countdownform"><p><input size="75" name="countdowninput" style="background-color:#ffffff;border-width:0" onfocus="if(this.blur)this.blur()"></p></form> <p>bis zum 21.09.2006.</p> </body> <html>
danke + grüsse!
t.
-
Hell-O!
ich möchte folgendes skript so umbauen, dass anstatt der zahl für die tage jeweils ein image eingeblendet wird.
Sorge bitte dafür, dass die von dir gepostete Codewüste lesbar wird. Reduziere den formatierten Code auf das Wesentliche.
ist das überhaupt möglich?
Natürlich, gib in Abhängigkeit von der Tageszahl die gewünschte Grafik aus. Dabei hilft dir das images-Objekt.
kann ich unten in einem image-tag den namen dynamisch gestalten? wenn ja, wie?
Ich verstehe nicht, was du genau meinst. Sprichst du von einer Bildunterschrift?
Siechfred
--
Ich bin strenggenommen auch nur interessierter Laie. (molily)
Kabelkuddelmuddel || Steuerfreie Geburtsbeihilfen? || RT 221 Erfurt-Altstadt i.V.-
sorry, wegen dem nicht umgebrochenen code. hab es selbt erst zu spät bemerkt.
genau, ich müsste im prinzip sowas wie: document.bild.src=tage verwenden um das jeweilige image einzublenden.
hier nochmal die relevanten teile:
########################
function countdown() {
.
.
.
.while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
tage++;
startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
}(tage!=1)?tage=tage+".gif":tage=tage+".gif";
document.bild.src=tage;
}<body scroll="auto" onload="countdown()">
<img src="" id="bild">
##########################
-
-
Hi,
ich möchte folgendes skript
das so gar nicht funktionieren kann und ohne die Zeilenumbrüche kaum lesbar ist.
so umbauen, dass anstatt der zahl für die tage jeweils ein image eingeblendet wird. bin leider nicht so der js-profi. ist das überhaupt möglich?
Ja. Du kannst Bilder austauschen und bräuchtest 10 Stück, für jede mögliche Ziffer eines, die Du dann hintereinander setzt.
freundliche Grüße
Ingo