Aktion nach ablauf countdowners

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

~~r********t~~

19:19, 13.10.2012

Hallo,

ich habe mit folgenden "Befehl" mir einen Countdowner erstellt:

<html> 
<head> 
<title>Javascript Countdown</title> 

<script language="JavaScript"> 
       
      var jahr=2222, monat=2, tag=22, stunde=22, minute=22, sekunde=22; 
      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= 
              jahre+monate+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 onload="countdown()"> 
    <form name="countdownform"> 
      <p> 
        <input size="75" name="countdowninput"> 
      </p> 
    </form> 
  </body> 
</html>

Wie kann ich jetzt nach tag/ablauf">ablauf des Countdowners machen,dass eine Musik, Bild, etc. erscheint?

EDIT by hackyourlife: Code zur besseren Lesbarkeit formatiert

Beitrag zuletzt geändert: 13.10.2012 19:34:30 von hackyourlife

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
copynpaste

copynpaste hat kostenlosen Webspace.
19:52, 13.10.2012
Du könntest zb mit
```
createElement
```
ein neues Element erstellen in dem du zb ein Bild anzeigen lässt, oder einen Flashplayer für Musik/ein Youtube Video...

Du könntest allerdings auch einfach eine Weiterleitung machen, allerdings kann man beide Möglichkeiten bei deinem Javascript ganz einfach im Code nachlesen, sodass jeder sehen kann was nach Ablauf den Counters passieren soll.
~~g****e~~
20:13, 13.10.2012
```
// Anderenfalls alles auf Null setzen 
else {
document.countdownform.countdowninput.value="0 Jahre,  0 Monate,  0 Tage,  0 Stunden,  0 Minuten  und  00 Sekunden"; 
// hier kommt deine manipulation hin
}
```
Da wo ich das Kommentar gesetzt habe, kannst du deine Manipulation begehen. Sei es ein Musikelement einfügen, ein Musikelement starten, ein Bild einfügen, eine Alertbox, was auch immer. Es ist hier halt die Frage, was genau willst du machen. Mit Javascript ist eigentlich so ziehmlich vieles Möglich.

Liebe Grüße
Autor dieses Themas
~~r********t~~
22:21, 13.10.2012
ggamee schrieb:
```
// Anderenfalls alles auf Null setzen 
else {
document.countdownform.countdowninput.value="0 Jahre,  0 Monate,  0 Tage,  0 Stunden,  0 Minuten  und  00 Sekunden"; 
// hier kommt deine manipulation hin
}
```
Da wo ich das Kommentar gesetzt habe, kannst du deine Manipulation begehen. Sei es ein Musikelement einfügen, ein Musikelement starten, ein Bild einfügen, eine Alertbox, was auch immer. Es ist hier halt die Frage, was genau willst du machen. Mit Javascript ist eigentlich so ziehmlich vieles Möglich.

Liebe Grüße
ich möchte,dass nach abluf des coundown feuerwerksgeräusche kommen und ein bild zum neujahr kommt...
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city