Countdown beendet

[digga]

Hi, ich komme mit einer Frage zu einem Countdown!


Vorweg der Code meines Countdowns:

<div align=center>
 <small><font color="white"><b>Noch</b></font></small><br>
 <SPAN id=c1 style="FONT: bold 40px arial; COLOR: green;"></SPAN><br>
 <SPAN id=c2 style="FONT: bold 35px arial; COLOR: blue;">;</SPAN><br>
 <small><font color="white"><b>bis Neujahr</b></font></small>
</div>



<script type='text/javascript'>
var end = new Date('January 01, 2008 00:00:00');
function toSt2(n) {
  s = '';
  if (n < 10) s += '0';
  return (s + n).toString();
}
function toSt3(n) {
  s = '';
  if (n < 10) s += '00';
  else if (n < 100) s += '0';
  return (s + n).toString();
}
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').innerHTML = days + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
    setTimeout('countdown()', 100);
  }
}
countdown();
</script>

Wie ihr seht, wird ausgegeben, wie viele Tage, Minuten und Sekunden es noch bis Neujahr sind.

Nun meine Frage: Ist es möglich, und wenn ja: wie, dass der Countdown verschwindet, wenn er bei 0 Tagen, 0 Minuten und 0 Sekunden angekommen ist und stattdessen das dort steht:

 <small><font color="white"><b>Ich wünsche euch</b></font></small>
 <SPAN style="FONT: bold 40px arial; COLOR: green;"> Ein frohes</SPAN><br>
 <SPAN style="FONT: bold 35px arial; COLOR: blue;">neues Jahr!</SPAN><br>

Könnte mir jemand so einen Code machen, mit PHP habe ich es vergeblich versucht und bin jetzt verzweifelt!

 

[AGI]

Hallo, ich versuche, dir mal kurz zu helfen:

(Mir fehlt jetzt die Zeit, um dir den kompletten Code zu erstellen)

Vielleicht sollte auf PHP und Javascript-Basis erfolgen. PHP nur aus dem Grund, um den Javascript-Script teil nicht mehr laden zu müssen, wenn der Countdown beendet ist.

 <?php

/* Abfrage, ob der countdown abgelaufen ist, 
dass ist der Fall, wenn der aktuelle Timestamp größer ist, als der Timestamp des Enddatums
*/

  if ( time() > mktime(0,0,0,1,1,2008)  ) {
  
  // Ausgabe dessen, was angezeigt werden soll, wenn der Countdown abgelaufen ist

?>

<small><font color="white"><b>Ich wünsche euch</b></font></small>
 <SPAN style="FONT: bold 40px arial; COLOR: green;"> Ein frohes</SPAN><br>
 <SPAN style="FONT: bold 35px arial; COLOR: blue;">neues Jahr!</SPAN><br>
  
<?php
} else {
  
  // Ausgabe des Javascript-Codes, wie bis jetzt, nur mit einer Abwandlung in der function Countdown (Ich hab den Code aber nicht auf Richtigkeit überprüft)

?>

<script type='text/javascript'>
......
......
......
function countdown() {

  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());

    if(count > 0) {

    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').innerHTML = days + ' TAGE';
        document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds;
   setTimeout('countdown()', 100);

  } else {

    // Erzeugen der neuen Elemente
    var neuesSpan1 = document.createElement('SPAN');
    var neuesSpan2 = document.createElement('SPAN');
    var inhalt1 = document.createTextNode('Ich wünsche euch');
    var inhalt2 = document.createTextNode(' Ein frohes');
    var neuesbr = document.createElement('BR');
    neuesSpan1.appendChild(inhalt1);
    neuesSpan2.appendChild(inhalt2); 
 
    document.getElementByID('...').appendChild(neuesSpan1);
    document.getElementByID('...').appendChild(neuesbr);
    document.getElementByID('...').appendChild(neuesSpan2); 
 
  }
}

countdown();
</script>

<?php
}
?>

Ich hoffe, das hilft dir erstmal.

Viele Grüße

 

[digga]

Mhh... damit kann ich leider nicht viel anfangen, aber Danke für die Antwort!


Könnte mir da sonst noch jemand weiterhelfen?

 

[bodyandsoul]

Also du kannst es mit javascript machen

einfach die funktion countdown ein wenig verändern:

  function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
 
    restdate = end.getTime() - d.getTime();
    if(restdate < 0){
    document.getElementById('c0').innerHTML = "Ich wünsche euch";
    document.getElementById('c1').innerHTML = "Ein frohes";
    document.getElementById('c2').innerHTML = "neues Jahr!";
    }else{
    document.getElementById('c1').innerHTML = days + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds; 
   }
 
 
    setTimeout('countdown()', 100);
  }
}

HTML

<div align=center>
 <small>
<span id="c0" style="color: white; font-weight: bold;">Noch</span>
</small><br>
 <SPAN id=c1 style="FONT: bold 40px arial; COLOR: green;"></SPAN><br>
 <SPAN id=c2 style="FONT: bold 35px arial; COLOR: blue;">;</SPAN><br>
 <small><font color="white"><b>bis Neujahr</b></font></small>
</div>

hab es nicht ausprobiert dürfte aber gehn
ich hoffe ich konnte dir helfen