Ergebnis 1 bis 7 von 7

Thema: Countdown mit Java

  1. #1
    HTML Newbie
    Registriert seit
    15.02.2006
    Ort
    Kriegsdorf
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Countdown mit Java

    Hallo zusammen,
    ich bin Anfänger und habe mir den folgenden Java-Script für einen Countdown runtergeladen:

    <script language="JavaScript">
    // Ziel-Datum in MEZ
    var jahr=2006, monat=05, tag=01, stunde=00, minute=00, sekunde=01;
    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)<=z ielDatum) 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*2 4*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>

    Wenn man diesen jetzt eingibt erhalte ich eine Weiße Box mit den Daten drin. Ich will aber, dass diese Box schwarz ist, mit weißer Schrift!!
    Wie geht das?
    Hoffe mir kann jemand helfen


    Jason
    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
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Die Ausgabebox ist ein Input-Textfeld, das kannst du mit Stylesheets formatieren. Das Javascript spielt dafür gar keine Rolle.

    Poste mal die Zeile wo das Input-Feld steht (es heißt "countdowninput").

    G.a.d.M.

    Ronald[/code]

  3. #3
    Gast

    Standard

    <body onload="countdown()">
    <form name="countdownform">
    <font color=#FFFFFF face="Palatino Linotypte" size=16></font>



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

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    15.02.2006
    Ort
    Kriegsdorf
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    sry hab vergessen mich anzumelden

  5. #5
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    So sollte es gehen:

    Code:
     <input size="75" style="color&#58;#FFFFFF; background-color&#58;#000000" name="countdowninput">
    G.a.d.M.

    Ronald

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    15.02.2006
    Ort
    Kriegsdorf
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Super! Klappt!
    Danke für die schnelle Hilfe

  7. #7
    Gast

    Standard

    Hallo.
    Ich bin ebenfalls blutiger Anfänger und würde mir gerne auch einen Countdown basteln aus demselben Code.
    Allerdings würde ich die Berechnung der Jahre gerne weglassen, kann ich dann einfach einen bestimmten Teil des Codes weglassen oder muss ich irgendwo an der Berechnung was ändern?
    Mfg, Alex

Ähnliche Themen

  1. Countdown in PHP
    Von kappilino im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 17.03.2008, 12:13
  2. Countdown
    Von Carolyn im Forum Off Topic und Quasselbox
    Antworten: 19
    Letzter Beitrag: 01.09.2006, 23:33
  3. Countdown
    Von ColdZero im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 08.07.2005, 07:31
  4. Countdown?
    Von HundeHaar im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 26.12.2004, 10:43
  5. Countdown
    Von wernerdeluxe im Forum Das Forum für Spiele, Fun & Jokes
    Antworten: 13
    Letzter Beitrag: 27.08.2004, 22:32

Stichworte

Berechtigungen

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