Countdown

meckemc · Beitrag von **meckemc** » Sa 29.12.07 14:19

Ich such für Silvester dringend einen Countdown !? Wo kann ich das downloaden

Gentsai · Beitrag von **Gentsai** » Sa 29.12.07 14:24

Schon mal bei Google geguckt?

http://www.onlinekunst.de/silvester/countdown.html

meckemc · Beitrag von **meckemc** » Sa 29.12.07 14:52

Sorry

einen den ich auf cd brennen kann ! zum mitnehmen eben.

vulkanus · Beitrag von **vulkanus** » Sa 29.12.07 15:18

Auch nicht weiter schwierig.
Google-Suchbegriffe: countdown javascript

Leicht modifiziertes Ergebnis:

Code: Alles auswählen

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

    <script language="JavaScript">
      // Ziel-Datum in MEZ
      var jahr=2008, monat=1, tag=1, stunde=0, minute=0, sekunde=0;
      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";

					// Komplett anzeigen
          //document.countdownform.countdowninput.value=
          //    jahre+monate+tage+stunden+minuten+sekunden;
          
          // Nur Stunden, Minuten und Sekunden anzeigen
          document.countdownform.countdowninput.value=
          		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>
    
    <style>
    	input { 
    		color:#ff0000; 			/* Schriftfarbe */
    		font-weight:bold; 	/* Fett */
    		font-size:35pt; 		/* Schriftgroesse */
    		border-style:none; 	/* Kein Rahmen */
    		text-align:center; 	/* Zentriert */
    		width:99%; 					/* Input-Breite */
    		margin-top:25px; 		/* Abstand zum oberen Rand */
    	}
    </style>
  </head>

  <body onload="countdown()">
    <form name="countdownform">
      <p>
        <input name="countdowninput" />
      </p>
    </form>
  </body>

</html>

Sollte in jedem Browser laufen, sofern die Uhrzeit am Rechner richtig eingestellt ist.

Einfach in eine neue Datei kopieren, als bspw. countdown.html abspeichern und in einem beliebigen Browser öffnen. Das Ergebnis sieht dann so aus: Klick mich

Meine Oldtimer · Beitrag von **obelix** » Sa 29.12.07 16:28

vulkanus hat geschrieben:Auch nicht weiter schwierig.
Google-Suchbegriffe: countdown javascript

Leicht modifiziertes Ergebnis:

...
...

Sollte in jedem Browser laufen, sofern die Uhrzeit am Rechner richtig eingestellt ist.

Einfach in eine neue Datei kopieren, als bspw. countdown.html abspeichern und in einem beliebigen Browser öffnen. Das Ergebnis sieht dann so aus: Klick mich

hmm... laut deinem countdown wäre sylvester, bzw neujahr in 7 std ud 34 minuten...
wurde österreich in ne andere zeitzone geschoben? man weis ja nie, was der polik heute so alles einfällt:-)

wenn nicht, wo ist der fehler?

gruss

obelix

(ich kann ned proggen, aber ich glaub ich hab den fehler gefunden:-))

vulkanus · Beitrag von **vulkanus** » Sa 29.12.07 16:46

Es gibt keinen Fehler. Ich habe die Tage ausgeblendet weil ich annehme, dass er es ohnehin erst am 31. Dezember verwenden wird. Da siehts dann natürlich doof aus wenn dort steht 0 Tage, xx Stunden usw.

Wennst die Tage auch sehen willst brauchst lediglich das folgende Stück ändern:

Code: Alles auswählen

          // Komplett anzeigen
          //document.countdownform.countdowninput.value=
          //    jahre+monate+tage+stunden+minuten+sekunden;
         
          // Nur Stunden, Minuten und Sekunden anzeigen
          document.countdownform.countdowninput.value=
                stunden+minuten+sekunden;

Sollte folgendermaßen geändert werden:

Code: Alles auswählen

          // Komplett anzeigen
          document.countdownform.countdowninput.value=
              jahre+monate+tage+stunden+minuten+sekunden;
         
          // Nur Stunden, Minuten und Sekunden anzeigen
          //document.countdownform.countdowninput.value=
          //      stunden+minuten+sekunden;

An sich hab ich die von mir gemachten Änderungen eigentlich ausreichend kommentiert. Das betrifft eben diesen Stück mit den Tagen und die Ausgabe (der Style-Bereich ist ebenfalls von mir).

edit: Das ursprüngliche Script hab ich von jjam.de: Link

meckemc · Beitrag von **meckemc** » Sa 29.12.07 17:48

Ja Vielen Dank. Das klapt so !

www.peugeotforum.de

Countdown

Countdown

Re: Countdown

Re: Countdown

Re: Countdown

Re: Countdown

Re: Countdown

Re: Countdown