✔ Countdown ausgabe wenn fertig

N

Nerlich

Mitglied
Hab folgendes Problem ich weis absolut nicht, wie ich eine Ausgabe bauen muss, die kommen soll, wenn der Countdown abgelaufen ist. Vll. habt ihr ja ne Idee oder Anregung.

PHP: 
<script language="Javascript"><!--
var CountdownJahr = 2006;
var CountdownMonat = 12;
var CountdownTag = 24;
var CountdownStunde = 24;
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>
<body onLoad="CountdownAnzeigen();">
 
<font color="#808080" size="5" face="Gloucester MT Extra Condensed"><span id="Countdown"></span></font></b></p>
 
</body>
</html>
 
Wie wäre es mit:

Javascript: 
if (Rest < 0) {
    alert('Ich bin ein Kommando, das gerade ausgeführt wurde!');
}

Man braucht nur ein wenig gesunden Menschenverstand. Vielleicht versuchst du's damit das nächste mal BEVOR du hier fragst.
 
Zuletzt bearbeitet:
Ja Schuldigung, bin neuling und der Quelltext ist auch von einem Freund, das funkzioniert schonmal sehr gut, nur brauche ich einen passenden zusatz Code, damit da wo die Zeit läuft, dann wenn die Zeit abgelaufen ist mein entsprechender Text steht, wie kann ich das umsetzten? Danke im voraus christian
 
Indem du den Code mal mit ein wenig gesundem Menschenverstand anschaust, nachdenkst, ein bisschen rumprobierst und wenn das nicht zum Erfolg führt deine Versuche mal hier postest, damit wir sehen, dass du dich ein bisschen bemühst. Siehe dazu den Thread: Keine Ahnung von Javascript

Klar, du bist Anfänger und dafür sollte jeder Verständniss haben, aber wir wollen hier ja, dass es nicht so bleibt...
 
Also hab mich jetzt fast zwei Tage lang mit den Seiten beschäftigt, leider bin ich trotzdem nicht weiter gekommen, ihr wisst doch den code bestimmt womit ich das machen kann. Was muss ich schreiben statt
HTML: 
alert
damit wenn der Countdown abgelaufen ist, mein Text da erscheint wo vorher der Countdown gelaufen ist?

Ich wäre euch echt sehr dankbarm wenn ihr mit den code sagen würdet!
 
Okay, dann üben wir das mit dem gesunden Menschenverstand nochmal gemeinsam. Hier mal der Denkprozess:

1.) Bei deinem Countdown steht auf der Webseite etwas wie "12 Tage 3 Stunden 5 Minuten 10 Sekunde" oder so. Folglich müssen irgentwo im Skript die Tage, Stunden usw. berechnet werden und dann der String "Tage" bzw. "Studen" usw. daran angehängt werden, damit am Ende "12 Tage 3 Stunden 5..." usw. stehen kann. Hmm... suchen wir mal geziehlt eine Zeile, die sowas machen kann, suchen wir doch mal nach "Tage"

2.) "Tage" finden wir z.B. hier:
HTML: 
if(Tage > 1 || Tage == 0) 
        { 
            CountdownText += Tage + " Tage "; 
        }
Hier wird offensichtlich die Variable mit Namen "CountdownText" erweitert (das sagt dir das "+=") und das um den Wert der Variablen mit Namen "Tage" (welchen Wert wird die wohl haben? Vielleicht in meimem Beispiel der Wert "12" also die Anzahl der noch verbleibenden Tage) und den String " Tage".

3.) Wir denken, dass wohl die Variable mit Namen "CountdownText" den String enthält, der dann letztlich am Ende in deinem Dokument erscheint. Würde jedefalls Sinn ergeben, wenn man sich mal die Namensgebung anschaut.

4.) Diesen Schritt überlass ich dir. Welchen Anweisung wird mal wohl jetzt an Stelle von "alert(...)" schreiben müssen?
 
Zuletzt bearbeitet:
So mit der ausgabe das hab ich jetzt hin bekommen, jetzt bräuchte ich nochmal eure Hilfe. Und zwar wird da jetzt Test ausgageben wie kann ich nun die Schriftgröße und Farbe diese Textes verändern?

PHP: 
<script language="Javascript"><!--
var CountdownJahr = 2006;
var CountdownMonat = 12;
var CountdownTag = 20;
var CountdownStunde = 15;
var CountdownMinute = 37;
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 ";
    }if (Rest < 0) {    document.write('test' );}
 
    document.getElementById('Countdown').innerHTML = CountdownText;
    window.setTimeout("CountdownAnzeigen()", 1000);
}
</script>
</head>
<body onLoad="CountdownAnzeigen();">
 
<font color="#808080" size="5" face="Gloucester MT Extra Condensed"><span id="Countdown"></span></font></b></p>
 
</body>
</html>
 
1.) Statt "document.write('test')" wäre ein " CountdownText = 'test' " wesentlich schlauer. Das war es auch, was du eignetlich aus meinem letzten Post hättest rauslesen sollen. Du 1, gesunder Menschenverstand 0.

2.) Du kannst innerhalb der Strings ganz normal html verwenden, also z.B. " CountdownText = '<b>test</b>' "
 
Ok, danke jetzt klappt es prima.
Ich finde es wirklich sehr nett von dir das du mir geholfen hast!
Nur eins möchte ich anmerken!
Deine Umgangsweise mit anderen Usern lässt wirklich zu wünschen über! Was Soll z.b. das mit dem
Du 1, gesunder Menschenverstand 0.
Zum Vergrößern anklicken....
. Du kannst es halt und ich konnte es nicht, jetzt kann ich es auch durch dich darauf solltest du Stolß sein und nicht so einen Spott dann schreiben.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück