[HTML] Suche Countdown...

Dieses Thema im Forum "Webentwicklung" wurde erstellt von St.Jimmy, 21. Dezember 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 21. Dezember 2006
    Suche Countdown...

    Hi, ich habe heute meine Prüfung bestanden und haben jetzt eigentlich einen Führerschein...Warum eigentlich? Ganz einfach ich habe keinen Führerschein ab 17 gemacht und bekomme meinen Führerschein erst am 16. Januar... Jetzt wollte ich so eine kleine Webseite machen. Dort soll ein großer(schriftgröße 30-40) Countdown rückwärtslaufen...
    Hat einer eine Ahnung wie ich das realisieren kann???
    Schon jetzt einmal danke...
     
  3. 21. Dezember 2006
    AW: Suche Countdown...

    Mit JavaScript und der Funktion window.setTimeout().
     
  4. 21. Dezember 2006
    AW: Suche Countdown...

    hi,

    Hast Du...
    1. webspace?
    2. etwas Ahnung von HTML?



    naja, so könnts gehn:

    Code:
     1.
 <html>
 2.
 <head>
 3.
 <title>Countdown bis zu einem bestimmten Zeitpunkt</title>
 4.
 <script language="Javascript">
 5.
 <!--
 6.
 
 7.
 var CountdownJahr = 2008;
 8.
 var CountdownMonat = 6;
 9.
 var CountdownTag = 5;
 10.
 var CountdownStunde = 12;
 11.
 var CountdownMinute = 30;
 12.
 var CountdownSekunde = 0;
 13.
 
 14.
 function CountdownAnzeigen()
 15.
 {
 16.
 var Jetzt = new Date();
 17.
 var Countdown = new Date(CountdownJahr, CountdownMonat-1, CountdownTag, CountdownStunde, CountdownMinute, CountdownSekunde);
 18.
 var MillisekundenBisCountdown = Countdown.getTime()-Jetzt.getTime();
 19.
 var Rest = Math.floor(MillisekundenBisCountdown/1000);
 20.
 var CountdownText = "";
 21.
 
 22.
 if(Rest >= 31536000)
 23.
 {
 24.
 var Jahre = Math.floor(Rest/31536000);
 25.
 Rest = Rest-Jahre*31536000;
 26.
 
 27.
 if(Jahre > 1 || Jahre == 0)
 28.
 {
 29.
 CountdownText += Jahre + " Jahre ";
 30.
 }
 31.
 else if(Jahre == 1)
 32.
 {
 33.
 CountdownText += Jahre + " Jahr ";
 34.
 }
 35.
 }
 36.
 if(Rest >= 86400)
 37.
 {
 38.
 var Tage = Math.floor(Rest/86400);
 39.
 Rest = Rest-Tage*86400;
 40.
 
 41.
 if(Tage > 1 || Tage == 0)
 42.
 {
 43.
 CountdownText += Tage + " Tage ";
 44.
 }
 45.
 else if(Tage == 1)
 46.
 {
 47.
 CountdownText += Tage + " Tag ";
 48.
 }
 49.
 }
 50.
 if(Rest >= 3600)
 51.
 {
 52.
 var Stunden = Math.floor(Rest/3600);
 53.
 Rest = Rest-Stunden*3600;
 54.
 
 55.
 if(Stunden > 1 || Stunden == 0)
 56.
 {
 57.
 CountdownText += Stunden + " Stunden ";
 58.
 }
 59.
 else if(Stunden == 1)
 60.
 {
 61.
 CountdownText += Stunden + " Stunde ";
 62.
 }
 63.
 }
 64.
 if(Rest >= 60)
 65.
 {
 66.
 var Minuten = Math.floor(Rest/60);
 67.
 Rest = Rest-Minuten*60;
 68.
 
 69.
 if(Minuten > 1 || Minuten == 0)
 70.
 {
 71.
 CountdownText += Minuten + " Minuten ";
 72.
 }
 73.
 else if(Minuten == 1)
 74.
 {
 75.
 CountdownText += Minuten + " Minute ";
 76.
 }
 77.
 }
 78.
 
 79.
 if(Rest > 1 || Rest == 0)
 80.
 {
 81.
 CountdownText += Rest + " Sekunden ";
 82.
 }
 83.
 else if(Rest==1)
 84.
 {
 85.
 CountdownText += Rest + " Sekunde ";
 86.
 }
 87.
 
 88.
 document.getElementById('Countdown').innerHTML = CountdownText;
 89.
 window.setTimeout("CountdownAnzeigen()", 1000);
 90.
 }
 91.
 //-->
 92.
 </script>
 93.
 </head>
 94.
 <body onLoad="CountdownAnzeigen();">
 95.
 
 96.
 <span id="Countdown"></span>
 97.
 
 98.
 </body>
 99.
 </html>
    Quelle: http://www.webmaster-resource.de/tricks/javascript/countdown-bis-zu-einem-bestimmten-zeitpunkt.php

    (5 Sekunden gegoogled)



    //edit:
    Habs dir mal schnell angepasst:
    Endzeit is 16.Jan um 12:00


    Code:
     <html>
 <head>
 <title>Countdown bis zu einem bestimmten Zeitpunkt</title>
 <script language="Javascript">
 <!--
 var CountdownJahr = 2007;
 var CountdownMonat = 1;
 var CountdownTag = 16;
 var CountdownStunde = 12;
 var CountdownMinute = 0;
 var CountdownSekunde = 0;
 function CountdownAnzeigen()
 {
 var Jetzt = new Date();
 var Countdown = new Date(CountdownJahr, CountdownMonat-1, CountdownTag, CountdownStunde, CountdownMinute, CountdownSekunde);
 var MillisekundenBisCountdown = Countdown.getTime()-Jetzt.getTime();
 var Rest = Math.floor(MillisekundenBisCountdown/1000);
 var CountdownText = "";
 if(Rest >= 31536000)
 {
 var Jahre = Math.floor(Rest/31536000);
 Rest = Rest-Jahre*31536000;
 
 if(Jahre > 1 || Jahre == 0)
 {
 CountdownText += Jahre + " Jahre ";
 }
 else if(Jahre == 1)
 {
 CountdownText += Jahre + " Jahr ";
 }
 }
 if(Rest >= 86400)
 {
 var Tage = Math.floor(Rest/86400);
 Rest = Rest-Tage*86400;
 if(Tage > 1 || Tage == 0)
 {
 CountdownText += Tage + " Tage ";
 }
 else if(Tage == 1)
 {
 CountdownText += Tage + " Tag ";
 }
 }
 if(Rest >= 3600)
 {
 var Stunden = Math.floor(Rest/3600);
 Rest = Rest-Stunden*3600;
 
 if(Stunden > 1 || Stunden == 0)
 {
 CountdownText += Stunden + " Stunden ";
 }
 else if(Stunden == 1)
 {
 CountdownText += Stunden + " Stunde ";
 }
 }
 if(Rest >= 60)
 {
 var Minuten = Math.floor(Rest/60);
 Rest = Rest-Minuten*60;
 if(Minuten > 1 || Minuten == 0)
 {
 CountdownText += Minuten + " Minuten ";
 }
 else if(Minuten == 1)
 {
 CountdownText += Minuten + " Minute ";
 }
 }
 
 if(Rest > 1 || Rest == 0)
 {
 CountdownText += Rest + " Sekunden ";
 }
 else if(Rest==1)
 {
 CountdownText += Rest + " Sekunde ";
 }
 
 document.getElementById('Countdown').innerHTML = CountdownText;
 window.setTimeout("CountdownAnzeigen()", 1000);
 }
 //-->
 </script>
 </head>
<font size=25>
Noch...<p>
 <body onLoad="CountdownAnzeigen();">
 <span id="Countdown"></span>

<p>
bis ich Auto fahren darf.
</font>
 </body>

 </html>
     
  5. 21. Dezember 2006
    AW: Suche Countdown...

    danke!!!...also ich hab bei google nur diese komischen grafik-countdowns gesehen...

    Egal ihr bekommt renomee
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.