Hilfe bei HP Kopfzeile. Java-Script Zeitablauf bis Tag X

Lumpi396

Hallo Leute,

ich möchte eine kleine HP erstellen für ein Sommerfest. Habe dabei nur jetzt das Problem der Erstellung meines Wunsch-Kopfes.
Oben soll der Banner mittig stehen. Links eine Sonne lachen, oder gar ein Hintergrund mit Sommerstimmung und rechts neben dem Banner soll eine Zeit runterlaufen bis zum Beginn des Festes. Also noch 290Tage, 4 Stunden und 34 Minuten als Beispiel.

Kann mir jemand bei der Programmierung helfen?
Die Zeitsache müsste wohl als Javascript laufen, nur damit kenn ich mich nicht aus.

Den eigentlich Inhlat der HP bekomme ich hin, es geht mir nur um die Kopfzeile.

Wäre nett, wenn jemand helfen kann.

Hier mal ein Link.
http://www.mini-dtm-club.de/sommerfest/index.html

FTP Zugang und Alles habe ich.

Danke
Gruss Christian

driver

hab da n countdown gefunden...

HTML

<html>
  <head>
    <title>Datum-Countdown mit JavaScript</title>


    <script language="JavaScript">
      // Ziel-Datum in MEZ
      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;


          /* Allgemeines Vorgehen:
           * Zunächst werden die vollen Jahre gezählt
           * und anschließend der Start- und Ziel-Monat auf den jeweiligen 1. gesetzt.
           * Nun werden erst die vollen Monate vom 1. zum 1. des Start- bzw. Ziel-Monats
           * berechnet und danach die tatsächlichen Monatstage wieder mit einbezogen.
           * Dieses Vorgehen vermeidet Probleme mit den verschiedenen Monatslängen.
           * Was übrig bleibt, wird in Tagen, Stunden, Minuten und Sekunden ausgedrückt.*/


          // Jahre
          if(startDatum<zielDatum) {
            while(startDatum<zielDatum) {
              if(startDatum.setFullYear(startDatum.getFullYear()+1)<=zielDatum) jahre++;
            }
            startDatum.setFullYear(startDatum.getFullYear()-1);
          }


          // Restliche Tage zum Monatsende ermitteln
          var restTage=0;
          var m=startDatum.getMonth();
          if(m==1-1|| m==3-1||m==5-1||m==7-1||m==8-1||m==10-1||m==12-1)
              restTage=31-startDatum.getDate();
          else if(m==4-1|| m==6-1||m==9-1||m==11-1) restTage=30-startDatum.getDate();
          else if(m==2-1) {
            if(startDatum.getFullYear()%4==0 && (startDatum.getFullYear()%100!=0
                || startDatum.getFullYear()%400==0))
                    restTage=29-startDatum.getDate(); // Schaltjahr
            else restTage=28-startDatum.getDate();
          }


          // Start- und Ziel-Tag merken und auf 1 setzen
          var startTag=startDatum.getDate();
          var zielTag=zielDatum.getDate();
          startDatum.setDate(1);
          zielDatum.setDate(1);


          // Monate
          if(startDatum<zielDatum) {
            while(startDatum<zielDatum) {
              if(startDatum.setMonth(startDatum.getMonth()+1)<=zielDatum) monate++;
            }
            startDatum.setMonth(startDatum.getMonth()-1);
          }


          // Tatsächlichen Start- und Ziel-Tag berücksichtigen
          if(startDatum.getMonth()==zielDatum.getMonth()) {
            if(startTag<=zielTag) startDatum.setDate(startTag);
            else {
              monate--;
              tage=restTage+1;
            }
          }
          else {
            startDatum.setMonth(startDatum.getMonth()+1);
            if(startTag>=zielTag) tage=restTage+1;
            else {
              monate++;
              startDatum.setDate(startTag);
            }
          }
          zielDatum.setDate(zielTag);


          // Tage
          restTage=Math.floor((zielDatum-startDatum)/(24*60*60*1000));
          startDatum.setTime(startDatum.getTime()+restTage*24*60*60*1000);
          tage+=restTage;


          // 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">





        <input size="75" name="countdowninput">
      </p>
    </form>
  </body>


</html>

Alles anzeigen

driver

den kopf kannste ja als 3-spaltige tabelle machen.

linke spalte den zähler
mittig den banner
rechte spalte des bild.
(oder du fügst bild und banner zusammen mit übergang)

Lumpi396

Vielen Dank für den Code, allerdings steige ich da nicht ganz durch. Wie setze ich mein Datum dort genau ein?

Es soll der 12. August 2006 um 15 Uhr sein.

Dank schonmal.

driver

Code

// Ziel-Datum in MEZ 
      var jahr=2006, monat=8, tag=12, stunde=0, minute=0, sekunde=0; 
      var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

die zeit kannst ja evtl noch weglassen

Lumpi396

Das habe ich jetzt eingetragen, aber im IE zeigt er mir nur ein Feld an, wo ich mit der Leertaste her laufen und Buchstaben eingeben kann. Da stimmt irgendwas nicht.
Lade es gleich mal hoch.

driver

also bei mir zeigts was an...

da stimmt alles. kannst ja jahr, stunde, minute, sec noch wegkürzen...

Lumpi396

Danke Driver für deine Hilfe.
Ich habe nun einen anderen Counter gewählt.

Hilfe bei HP Kopfzeile. Java-Script Zeitablauf bis Tag X

Tags

Benutzer online in diesem Thema