Countdown

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Antworten
Jaffo
Mitglied
Beiträge: 17
Registriert: 09.03.2007 20:41

Countdown

Beitrag von Jaffo »

Ich hab ein Problem mit folgendem Countdown:

Code: Alles auswählen

<script>
function countdown(time){
     timeleft = time;
     if (timeleft < 0) {
       timeleft = 0; 
     }
     seconds = timeleft%60;
     timeleft -= seconds;
     timeleft = timeleft/60;
     minutes = timeleft%60;
     timeleft -= minutes;
     timeleft = timeleft/60;
     hours = timeleft%24;
     timeleft -= hours;
     days = timeleft/24;
       var counterstring = '<strong class="Days"><em>'+days+'</em>Tag';
       if (days != 1) {
         counterstring = counterstring+'e';
       }
       counterstring = counterstring+'</strong>'
       
       counterstring = counterstring+'<strong class="Hours"><em>'+hours+'</em>Stunde';
       if (hours != 1) {
         counterstring = counterstring+'n';
       }
       counterstring = counterstring+'</strong>'

       counterstring = counterstring+'<strong class="Minutes"><em>'+minutes+'</em>Minute';
       if (minutes != 1) {
         counterstring = counterstring+'n';
       }
       counterstring = counterstring+'</strong>'

       counterstring = counterstring+'<strong class="Seconds"><em>'+seconds+'</em>Sekunde';
       if (seconds != 1) {
         counterstring = counterstring+"n";
       }
       counterstring = counterstring+'</strong>'
document.getElementById("counter").innerHTML = counterstring;
newtime = time-1;
setTimeout("countdown(newtime)",1000)
}
</script>

<p id="counter" style="font-family:Arial,sans-serif; font-size:12px; color:black"><script>countdown(1778700);</script></p>
Und zwar bekomm ich folgende Ausgabe:
20Tage14Stunden5Minuten3Sekunden

Ich hätte nur gern ein Lehrzeichen zwischen den Blöcken quasi so:
20Tage 14Stunden 5Minuten 3Sekunden

Ich hab schon versucht diverse </ br> einzubauen, komm aber irgendwie nicht auf das erhoffte Ergebnis.
Kann mir hierbei eventuell jemand unter die Arme greifen?
Benutzeravatar
ScriptingBase
Mitglied
Beiträge: 161
Registriert: 03.03.2007 09:20
Wohnort: Heidelberg
Kontaktdaten:

Beitrag von ScriptingBase »

Sollte so funktionieren ;)

Code: Alles auswählen

<script type="text/javascript">
function countdown(time){
     timeleft = time;
     if (timeleft < 0) {
       timeleft = 0;
     }
     seconds = timeleft%60;
     timeleft -= seconds;
     timeleft = timeleft/60;
     minutes = timeleft%60;
     timeleft -= minutes;
     timeleft = timeleft/60;
     hours = timeleft%24;
     timeleft -= hours;
     days = timeleft/24;
       var counterstring = '<strong class="Days"><em>'+days+'</em>Tag';
       if (days != 1) {
         counterstring = counterstring+'e';
       }
       counterstring = counterstring+'</strong>'
       
       counterstring = counterstring+'&nbsp;<strong class="Hours"><em>'+hours+'</em>Stunde';
       if (hours != 1) {
         counterstring = counterstring+'n';
       }
       counterstring = counterstring+'</strong>'

       counterstring = counterstring+'&nbsp;<strong class="Minutes"><em>'+minutes+'</em>Minute';
       if (minutes != 1) {
         counterstring = counterstring+'n';
       }
       counterstring = counterstring+'</strong>'

       counterstring = counterstring+'&nbsp;<strong class="Seconds"><em>'+seconds+'</em>Sekunde';
       if (seconds != 1) {
         counterstring = counterstring+"n";
       }
       counterstring = counterstring+'</strong>'
document.getElementById("counter").innerHTML = counterstring;
newtime = time-1;
setTimeout("countdown(newtime)",1000)
}
</script>

<p id="counter" style="font-family:Arial,sans-serif; font-size:12px; color:black"><script>countdown(1778700);</script></p>
Jaffo
Mitglied
Beiträge: 17
Registriert: 09.03.2007 20:41

Beitrag von Jaffo »

[ externes Bild ]

Hat funktioniert. Danke für die schnelle Hilfe!
Antworten

Zurück zu „Coding & Technik“