Ergebnis 1 bis 8 von 8

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

  1. #1
    Youngster
    Registriert seit
    15.04.2006
    Ort
    Osnabrück
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

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

    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hab da n countdown gefunden...


    Code:
    <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&#40;jahr,monat-1,tag,stunde,minute,sekunde&#41;;
    
          function countdown&#40;&#41; &#123;
            startDatum=new Date&#40;&#41;; // Aktuelles Datum
    
            // Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
            if&#40;startDatum<=zielDatum&#41;  &#123;
    
              var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
    
              /* Allgemeines Vorgehen&#58;
               * 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&#40;startDatum<zielDatum&#41; &#123;
                while&#40;startDatum<zielDatum&#41; &#123;
                  if&#40;startDatum.setFullYear&#40;startDatum.getFullYear&#40;&#41;+1&#41;<=zielDatum&#41; jahre++;
                &#125;
                startDatum.setFullYear&#40;startDatum.getFullYear&#40;&#41;-1&#41;;
              &#125;
    
              // Restliche Tage zum Monatsende ermitteln
              var restTage=0;
              var m=startDatum.getMonth&#40;&#41;;
              if&#40;m==1-1|| m==3-1||m==5-1||m==7-1||m==8-1||m==10-1||m==12-1&#41;
                  restTage=31-startDatum.getDate&#40;&#41;;
              else if&#40;m==4-1|| m==6-1||m==9-1||m==11-1&#41; restTage=30-startDatum.getDate&#40;&#41;;
              else if&#40;m==2-1&#41; &#123;
                if&#40;startDatum.getFullYear&#40;&#41;%4==0 && &#40;startDatum.getFullYear&#40;&#41;%100!=0
                    || startDatum.getFullYear&#40;&#41;%400==0&#41;&#41;
                        restTage=29-startDatum.getDate&#40;&#41;; // Schaltjahr
                else restTage=28-startDatum.getDate&#40;&#41;;
              &#125;
    
              // Start- und Ziel-Tag merken und auf 1 setzen
              var startTag=startDatum.getDate&#40;&#41;;
              var zielTag=zielDatum.getDate&#40;&#41;;
              startDatum.setDate&#40;1&#41;;
              zielDatum.setDate&#40;1&#41;;
    
              // Monate
              if&#40;startDatum<zielDatum&#41; &#123;
                while&#40;startDatum<zielDatum&#41; &#123;
                  if&#40;startDatum.setMonth&#40;startDatum.getMonth&#40;&#41;+1&#41;<=zielDatum&#41; monate++;
                &#125;
                startDatum.setMonth&#40;startDatum.getMonth&#40;&#41;-1&#41;;
              &#125;
    
              // Tatsächlichen Start- und Ziel-Tag berücksichtigen
              if&#40;startDatum.getMonth&#40;&#41;==zielDatum.getMonth&#40;&#41;&#41; &#123;
                if&#40;startTag<=zielTag&#41; startDatum.setDate&#40;startTag&#41;;
                else &#123;
                  monate--;
                  tage=restTage+1;
                &#125;
              &#125;
              else &#123;
                startDatum.setMonth&#40;startDatum.getMonth&#40;&#41;+1&#41;;
                if&#40;startTag>=zielTag&#41; tage=restTage+1;
                else &#123;
                  monate++;
                  startDatum.setDate&#40;startTag&#41;;
                &#125;
              &#125;
              zielDatum.setDate&#40;zielTag&#41;;
    
              // Tage
              restTage=Math.floor&#40;&#40;zielDatum-startDatum&#41;/&#40;24*60*60*1000&#41;&#41;;
              startDatum.setTime&#40;startDatum.getTime&#40;&#41;+restTage*24*60*60*1000&#41;;
              tage+=restTage;
    
              // Stunden
              stunden=Math.floor&#40;&#40;zielDatum-startDatum&#41;/&#40;60*60*1000&#41;&#41;;
              startDatum.setTime&#40;startDatum.getTime&#40;&#41;+stunden*60*60*1000&#41;;
    
              // Minuten
              minuten=Math.floor&#40;&#40;zielDatum-startDatum&#41;/&#40;60*1000&#41;&#41;;
              startDatum.setTime&#40;startDatum.getTime&#40;&#41;+minuten*60*1000&#41;;
    
              // Sekunden
              sekunden=Math.floor&#40;&#40;zielDatum-startDatum&#41;/1000&#41;;
    
              // Anzeige formatieren
              &#40;jahre!=1&#41;?jahre=jahre+" Jahre,  "&#58;jahre=jahre+" Jahr,  ";
              &#40;monate!=1&#41;?monate=monate+" Monate,  "&#58;monate=monate+" Monat,  ";
              &#40;tage!=1&#41;?tage=tage+" Tage,  "&#58;tage=tage+" Tag,  ";
              &#40;stunden!=1&#41;?stunden=stunden+" Stunden,  "&#58;stunden=stunden+" Stunde,  ";
              &#40;minuten!=1&#41;?minuten=minuten+" Minuten  und  "&#58;minuten=minuten+" Minute  und  ";
              if&#40;sekunden<10&#41; sekunden="0"+sekunden;
              &#40;sekunden!=1&#41;?sekunden=sekunden+" Sekunden"&#58;sekunden=sekunden+" Sekunde";
    
              document.countdownform.countdowninput.value=
                  jahre+monate+tage+stunden+minuten+sekunden;
    
              setTimeout&#40;'countdown&#40;&#41;',200&#41;;
            &#125;
            // Anderenfalls alles auf Null setzen
            else document.countdownform.countdowninput.value=
                "0 Jahre,  0 Monate,  0 Tage,  0 Stunden,  0 Minuten  und  00 Sekunden";
          &#125;
        </script>
      </head>
    
      <body onload="countdown&#40;&#41;">
        <form name="countdownform">
          
    
    
            <input size="75" name="countdowninput">
          </p>
        </form>
      </body>
    
    </html>
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  4. #4
    Youngster
    Themenstarter

    Registriert seit
    15.04.2006
    Ort
    Osnabrück
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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.

  5. #5
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
          // Ziel-Datum in MEZ 
          var jahr=2006, monat=8, tag=12, stunde=0, minute=0, sekunde=0; 
          var zielDatum=new Date&#40;jahr,monat-1,tag,stunde,minute,sekunde&#41;;
    die zeit kannst ja evtl noch weglassen
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  6. #6
    Youngster
    Themenstarter

    Registriert seit
    15.04.2006
    Ort
    Osnabrück
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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.

  7. #7
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    also bei mir zeigts was an...

    da stimmt alles. kannst ja jahr, stunde, minute, sec noch wegkürzen...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  8. #8
    Youngster
    Themenstarter

    Registriert seit
    15.04.2006
    Ort
    Osnabrück
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

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

Ähnliche Themen

  1. Java Script
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 31.10.2007, 19:47
  2. Java Script
    Von Snowfront im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 20.11.2006, 16:15
  3. Java-Script Problem
    Von Shila im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 01.03.2006, 14:18
  4. java-script zusammenzählen.
    Von GreenRover im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 21.03.2005, 18:12
  5. Java script in HTML Site einbauen! Hilfe
    Von gast im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 30.04.2004, 15:39

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •