Countdown auf Startseite


Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Countdown auf Startseite

    Hallo zusammen...

    Leider ergab die Suche hier und auch bei Google nicht den erhofften erfolg,daher wende ich mich direkt mal an die Profis...

    Folgendes..
    Ich habe eine HP, die bis jetzt nur ein Hintergrundbild enthält.
    Dies soll sich natürlich Ändern,indem mit auf der Seite ein Java-script Läuft...
    Folgende funktionen stelle ich mir dabei vor..

    einen TITEL
    aktuelle Server-Zeit des Webspace-Servers(Weiterlaufend)
    und darunter einen Countdown,der von 6 Std auf Null runterzählt,und dann wieder von neuem Startet...

    Nun das Knifflige,wo ich leider zugeben muss,das ich darin der Total-noob bin..

    es werden 4 Countdowns Pro Tag gebraucht.jeweils im 6 STD-rythmus...
    die Endzeiten sind :
    morgens um 8uhr,mittags um 14 uhr,abends um 20uhr und morgens um 2 uhr..

    Ich habe folgende überlegung.
    das script muss sich die aktuelle uhrzeit holen,berechnen,wie lange bis zum nächsten "termin" und das dann natürlich auch visuell ausgeben.
    oder...
    da es sich immer um den gleichen Wert handelt,also 6 Stunden,muss der Countdown sich anhand der server-zeit selbst justieren,bzw. synchronisieren,sodass der Countdown auch Passt.

    Wie gesagt..ich bin,was das Umsetzen dieser sache betrifft der Absolute nichtskönner,und hoffe,das mir da jemand irgendwie unter die arme greifen könnte/kann..

    Damit ich wenigstens eine entschuldigung vorbringen kann...
    google lieferte mir nur ergebnisse,wo ENTWEDER eune Uhr eingebunden wurde,ODER ein Countdown..leider erwiesen sich alle Countdowns als nicht-brauchbar,da diese immer nur Einmalig laufen sollten bis zu einem bestimmten Termin,bzw Event.Ich habe ncihts mit wiederholenden schleifen gefunden.


    Ich hoffe,das ich hier hilfe finde..
    Danke schonmal im vorraus,

    Mfg.

  • hab dir hir mal was geschrieben

    PHP-Quellcode

    1. <html>
    2. <head>
    3. <script>
    5. function uhr(h,m,s)
    6. {
    7. count_down(h,m,s);
    8. s = s+1;
    9. if(s == 60){
    10. s = 0;
    11. m = m+1;
    12. if(m == 60){
    13. m = 0;
    14. h = h+1;
    15. if(h == 24) h = 0;
    16. }
    17. }
    18. c = showFilled(h) + ":" + showFilled(m) + ":" + showFilled(s);
    19. document.getElementById("clock").innerHTML = c;
    20. window.setTimeout(function() {uhr(h,m,s);}, 1000);
    21. }
    23. function count_down(h,m,s){
    24. if(h >= 2 && h < 8) h = 8-h;
    25. if(h >= 8 && h < 14) h = 14-h;
    26. if(h >= 14 && h < 20) h = 20-h;
    27. if(h >= 20) h = 26-h;
    28. if(h < 2) h = 2-h;
    30. m = 59-m;
    31. s = 59-s;
    32. c = showFilled(h) + ":" + showFilled(m) + ":" + showFilled(s);
    33. document.getElementById("count_down").innerHTML = c;
    34. }
    36. function showFilled(Value)
    37. {
    38. return (Value > 9) ? "" + Value : "0" + Value;
    39. }
    41. </script>
    42. </head>
    44. <body onload="uhr(<?php echo date('H').','.date('i').','.date('s'); ?>)">
    45. <div>Serverzeit:<font id="clock"></font></div>
    46. <div>Countdown:<font id="count_down"></font></div>
    47. </body>
    48. </html>
    Alles anzeigen

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von corema ()