kostenloser Webspace werbefrei: lima-city


Countdown gesucht!

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    cookies

    Kostenloser Webspace von cookies

    cookies hat kostenlosen Webspace.

    Ich suche einen Javascript-tag/countdown">Countdown, wo ich z.B. vorgebe noch 5 Tage, 3 Stunden, 11 Minuten und 30 Sekunden und davon soll es dann runterzählen. Ich hab nur Scripts gefunden, die von einem bestimmten Zeitpunkt runterzählen.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. <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;
    
              // 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>


    Da gibst du dann ziemlich oben die Daten an...
  4. Autor dieses Themas

    cookies

    Kostenloser Webspace von cookies

    cookies hat kostenlosen Webspace.

    na toll, das is genau das, was ich nich wollte.

    ich hab geschrieben, dass ich als vorgabe hab 6 tage, 3 stunden usw. und nicht 27.3.2010 oder so!
  5. malia

    Moderator Kostenloser Webspace von malia

    malia hat kostenlosen Webspace.

    cookies schrieb: na toll, das is genau das, was ich nich wollte.

    ich hab geschrieben, dass ich als vorgabe hab 6 tage, 3 stunden usw. und nicht 27.3.2010 oder so!


    Ich habe so etwas ähnliches mal für meinen Adventskalender gemacht (nicht selbst gemacht, nur angepasst).

    http://malia.lima-city.de/text.html

    Wenn es dir zusagt kannst du ja den Quelltext kopieren und das Ganze anpassen.

    Grüsse Malia

    Beitrag zuletzt geändert: 29.3.2009 17:07:25 von malia
  6. nur zum Verständnis und bevor hier jemand anfängt Code zu basteln, möchtest du einen Code der:
    a) auf ein bestimmtes Datum runterzählt
    b) du eine Dauer vorgibst und dann wird runtergezählt (dann fängt es aber für jeden der die Seite aufruft von vorn an!)
  7. Autor dieses Themas

    cookies

    Kostenloser Webspace von cookies

    cookies hat kostenlosen Webspace.

    robin schrieb:
    nur zum Verständnis und bevor hier jemand anfängt Code zu basteln, möchtest du einen Code der:
    a) auf ein bestimmtes Datum runterzählt
    b) du eine Dauer vorgibst und dann wird runtergezählt (dann fängt es aber für jeden der die Seite aufruft von vorn an!)


    Eigentlich b) und die Restzeit wird von PHP bei jedem Aufruf neu generiert, aber ich habs jetzt anders gelöst, denn Countdowns, die auf ein bestimmtes Datum runterzählen findet man massenweise bei Google.

    Trotzdem Danke an alle.
  8. <script LANGUAGE="JavaScript">
    var urodz = new Date("November 4, 2009");
    var now = new Date();
    var ile = urodz.getTime() - now.getTime();
    var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
    if (dni > 1)
    document.write("Noch " + dni + " Tage bis ich wieder Geburtstag hab")
    else if (dni == 1)
    document.write("Übermorgen hab ich Geburtstag")
    else if (dni == 0)
    document.write("Übermorgen hab ich Geburtstag!!!")
    else
    document.write("Geschenke her");
    // --></script>

    Müsstest eben noch Sekunden und Minuten reinbasteln, aber ist das sonst das was Du wolltest?
  9. Autor dieses Themas

    cookies

    Kostenloser Webspace von cookies

    cookies hat kostenlosen Webspace.

    Danke, aber wie ich oben schon geschrieben hab, hab ich schon so einen Countdown.
  10. Sorry, verlesen. Aber ich hab wieder was:

    $diff = 45; // Zieldatum
    $ziel = time() + 60 * 60 * 24 * $diff;

    echo "Heutiges Datum: ".date("d.m.Y", time())."<br>";
    echo "Zieldatum (in ".$diff." Tagen): ".date("d.m.Y", $ziel);

    Ist allerdings ein PHP script, aber das sollte ja auf Lima-City kein Problem sein. Du musst bei "$diff =" die notwendigen Tage eintragen und es zeigt Dir dann das entsprechende Datum ein, wenn Du dann noch das (falsche) Javascript dazufügst und das ganze ein wenig umfunzelst müsstest Du das hinbekommen was Du willst.

    Es ist dann villeicht nicht 100% das was Du Dir vorgestellt hast und Du musst auch noch ein wenig am Script rumspielen, aber zumindest geht es in die Richtung und ist auf alle Fälle besser als nichts.

  11. 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

Login zum Webhosting ohne Werbung!