ilch Forum » Allgemein » HTML, PHP, SQL,... » Countdown bearbeiten und später einfügen

Geschlossen
  1. #1
    User Pic
    whitesnake Mitglied
    Registriert seit
    07.11.2004
    Beiträge
    297
    Beitragswertungen
    0 Beitragspunkte
    Hi,
    ich würd gern nen einfaches billiges countdown script einbauen in Ilch 1.1h... und zwar eingestellt auf die wöchentliche bandprobe... immer freitags um 16:30...

    hab diesen hier erstmal anzubieten..

    <div align=center>
     <SPAN id=c1 style="FONT: bold 30px arial; COLOR: green;"></SPAN><br>
     <SPAN id=c2 style="FONT: bold 25px arial; COLOR: blue;">;</SPAN><br>
     <small>...bis zur naechsten Probe / 16:30 Uhr</small>
    </div>
    
    <script type='text/javascript'>
    // Erstellt mit dem Countdown-Generator - Homepage-Total.de
    var end = new Date('November 30, 2007 16:30:00');
    function toSt2(n) {
      s = '';
      if (n < 10) s += '0';
      return (s + n).toString();
    }
    function toSt3(n) {
      s = '';
      if (n < 10) s += '00';
      else if (n < 100) s += '0';
      return (s + n).toString();
    }
    function countdown() {
      d = new Date();
      count = Math.floor(end.getTime() - d.getTime());
      if(count > 0) {
        miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
        seconds = toSt2(count%60); count = Math.floor(count/60);
        minutes = toSt2(count%60); count = Math.floor(count/60);
        hours = toSt2(count%24); count = Math.floor(count/24);
        days = count;
        document.getElementById('c1').innerHTML = days + ' TAGE';
        document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
        setTimeout('countdown()', 100);
      }
    }
    countdown();
    </script>


    da morgen Freitag ist, hab ich den erstmal auf morgen, den 30.11. gestellt...
    allerdings ist das so ein counter, der nach ablauf der zeit stehen bleibt...
    ich bräuchte eben, dass der nach ablauf eben den eingestellten tag + 7 rechnet und wieder 7*24stunden ranhängt...
    der sich also quasi jeden freitag um 16:30 wiederholt in der prozedur

    ist sowas überhaupt mit js umzusetzen?
    hab leider kaum ahnung von js, daher frag ich hier nach hilfe

    bin erstmal für alle antworten dankbar, solange sie konstruktiv sind, versteht sich!

    cheeerrzzz
    whitie


    verwendete ilchClan Version: 1.1
    Mirror Mirror on the wall, true hope lies beyond the coast... you're a damn kind can't you see, that tomorrow bears insanity?

    Blind Guardian - Mirror Mirror
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Bummelmann Mitglied
    Registriert seit
    03.09.2007
    Beiträge
    126
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von whitesnake

    ist sowas überhaupt mit js umzusetzen?
    hab leider kaum ahnung von js, daher frag ich hier nach hilfe

    klar ist das möglich :-)
    <div align=center> 
     <SPAN id=c1 style="FONT: bold 30px arial; COLOR: green;"></SPAN><br> 
     <SPAN id=c2 style="FONT: bold 25px arial; COLOR: blue;"></SPAN><br> 
     <small>...bis zur naechsten Probe / 16:30 Uhr</small> 
    </div>
    <script type='text/javascript'> 
    // Erstellt mit dem Countdown-Generator - Homepage-Total.de
    
    var date = new Date();
    var i = 0;
    while (i < 6)
    {
    var Wochentag = date.getDay();
    if(Wochentag == 5)
    {
        var tag = date.getDate();
        var jahr = date.getYear() + 1900;
        var monat = date.getMonth();
        var monate = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
        var end = new Date(monate[monat] + ' ' + tag + ', ' + jahr + ' 16:30:00');
        break;
    }
    else
    {
       var dann = date.getTime() + (24 * 60 * 60 * 1000);
       date.setTime(dann);
    }
    i++;
    }
    
    function toSt2(n) { 
      s = ''; 
      if (n < 10) s += '0'; 
      return (s + n).toString(); 
    } 
    function toSt3(n) { 
      s = ''; 
      if (n < 10) s += '00'; 
      else if (n < 100) s += '0'; 
      return (s + n).toString(); 
    } 
    function countdown() { 
      d = new Date(); 
      count = Math.floor(end.getTime() - d.getTime()); 
      if(count > 0) { 
        miliseconds = toSt3(count%1000); count = Math.floor(count/1000); 
        seconds = toSt2(count%60); count = Math.floor(count/60); 
        minutes = toSt2(count%60); count = Math.floor(count/60); 
        hours = toSt2(count%24); count = Math.floor(count/24); 
        days = count; 
        document.getElementById('c1').innerHTML = days + ' TAGE'; 
        document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds 
        setTimeout('countdown()', 100); 
      } 
    } 
    countdown(); 
    </script>

    Dann mal Viel Spass damit ;-)
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    whitesnake Mitglied
    Registriert seit
    07.11.2004
    Beiträge
    297
    Beitragswertungen
    0 Beitragspunkte
    danke danke...
    an sich geil...
    nur leider wird bei mir dort wo der js was anzeigen sollte, eben nichts angezeigt....ich hoffe dass es nich am webhoster liegt (pytal)
    Mirror Mirror on the wall, true hope lies beyond the coast... you're a damn kind can't you see, that tomorrow bears insanity?

    Blind Guardian - Mirror Mirror
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Bummelmann Mitglied
    Registriert seit
    03.09.2007
    Beiträge
    126
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von whitesnake

    danke danke...
    an sich geil...
    nur leider wird bei mir dort wo der js was anzeigen sollte, eben nichts angezeigt....ich hoffe dass es nich am webhoster liegt (pytal)

    Wenn überhaupt am Browser oder wo du es reinmachst.
    Javascript ist nämlich Clientseitig ;-).
    Also stand-alone gehts bei mir mit Konqueror, Firefox, Opera, Ephiphany, ...
    (bin unter Linux)
    Zeig doch einfach mal die datei wenn möglich
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    whitesnake Mitglied
    Registriert seit
    07.11.2004
    Beiträge
    297
    Beitragswertungen
    0 Beitragspunkte
    habs unter firefox und unter IE probiert...

    was meinst du mit datei?
    hab den code einfach in ne .php datei eingefügt und im admin-menü in den code integriert und unter navigation als box eingerichtet...

    hier is die seite:
    www.immaculate-revolution.de.vu
    Mirror Mirror on the wall, true hope lies beyond the coast... you're a damn kind can't you see, that tomorrow bears insanity?

    Blind Guardian - Mirror Mirror
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Bummelmann Mitglied
    Registriert seit
    03.09.2007
    Beiträge
    126
    Beitragswertungen
    0 Beitragspunkte
    geeffunden :-)
    Was hat das da zu suchen?
    miliseconds = toSt3(countBandprobe000); count = Math.floor(count/1000); ?

    sollte
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);

    sein ;-)

    EDIT: ich glaub das kommt vom tpl-System :-S
    EDIT2: Naja trixen wir es halt aus und machen
    miliseconds = toSt3(count%(600+400)); count = Math.floor(count/1000);

    daraus lächeln


    Zuletzt modifiziert von Bummelmann am 29.11.2007 - 22:15:34
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    whitesnake Mitglied
    Registriert seit
    07.11.2004
    Beiträge
    297
    Beitragswertungen
    0 Beitragspunkte
    yuuhuhuhu funktioniehöört..

    danke vielmals!!!
    jetzt erstmal abwarten, wie rund das mit dem wechsel zum nächsten termin genau 7 tage später klappt....ich bin ja guter hoffnung lachen
    Mirror Mirror on the wall, true hope lies beyond the coast... you're a damn kind can't you see, that tomorrow bears insanity?

    Blind Guardian - Mirror Mirror
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Bummelmann Mitglied
    Registriert seit
    03.09.2007
    Beiträge
    126
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von whitesnake

    jetzt erstmal abwarten, wie rund das mit dem wechsel zum nächsten termin genau 7 tage später klappt....ich bin ja guter hoffnung lachen


    ich auch, obwohl ichs schon mit mehrern statischen Datum's(?) probiert habe

    EDIT: ok grumml wieder was vergessen
    <div align=center> 
     <SPAN id=c1 style="FONT: bold 20px arial; COLOR: green;"></SPAN><br> 
     <SPAN id=c2 style="FONT: bold 15px arial; COLOR: green;"></SPAN><br> 
     <small>...bis zur naechsten Probe / 16:30 Uhr</small> 
    </div>
    <script type='text/javascript'> 
    // Erstellt mit dem Countdown-Generator - Homepage-Total.de
    
    var date = new Date();
    var i = 0;
    while (i < 8)
    {
    var Wochentag = date.getDay();
    if(Wochentag == 5)
    {
        var jetzt = new Date();
        var tag = date.getDate();
        var jahr = date.getYear() + 1900;
        var monat = date.getMonth();
        var monate = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
        var enddate = new Date(monate[monat] + ' ' + tag + ', ' + jahr + ' 14:30:00');
        //wir müssen ja noch abfragen, ob die jetzige zeit > ist wie 16:30 :-P
        if(enddate.getTime() > jetzt.getTime()) 
        {
            var end = enddate;
            break;
        }
        else
        {
           var dann = date.getTime() + (24 * 60 * 60 * 1000);
           date.setTime(dann);
        }
        
    }
    else
    {
       var dann = date.getTime() + (24 * 60 * 60 * 1000);
       date.setTime(dann);
    }
    i++;
    }
    
    function toSt2(n) { 
      s = ''; 
      if (n < 10) s += '0'; 
      return (s + n).toString(); 
    } 
    function toSt3(n) { 
      s = ''; 
      if (n < 10) s += '00'; 
      else if (n < 100) s += '0'; 
      return (s + n).toString(); 
    } 
    function countdown() { 
      d = new Date(); 
      count = Math.floor(end.getTime() - d.getTime()); 
      if(count > 0) { 
        miliseconds = toSt3(count%(600+400)); count = Math.floor(count/1000); 
        seconds = toSt2(count%60); count = Math.floor(count/60); 
        minutes = toSt2(count%60); count = Math.floor(count/60); 
        hours = toSt2(count%24); count = Math.floor(count/24); 
        days = count; 
        document.getElementById('c1').innerHTML = days + ' TAGE'; 
        document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds 
        setTimeout('countdown()', 100); 
      } 
    } 
    countdown(); 
    </script>



    Zuletzt modifiziert von Bummelmann am 30.11.2007 - 15:21:09
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    whitesnake Mitglied
    Registriert seit
    07.11.2004
    Beiträge
    297
    Beitragswertungen
    0 Beitragspunkte
    jetzt stimmt der countdown nicht mehr... ich befinde mich zum zeitpunkt dieses posts fast genau eine stunde vorm termin, und es werden 6 tage und 23 stunden angezeigt...
    Mirror Mirror on the wall, true hope lies beyond the coast... you're a damn kind can't you see, that tomorrow bears insanity?

    Blind Guardian - Mirror Mirror
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Bummelmann Mitglied
    Registriert seit
    03.09.2007
    Beiträge
    126
    Beitragswertungen
    0 Beitragspunkte
    Ich weiss :-S zu testzwecken aus 16:30 14:30 gemacht ;-/
    änder es grad bitte

    var enddate = new Date(monate[monat] + ' ' + tag + ', ' + jahr + ' 14:30:00');

    zu

    var enddate = new Date(monate[monat] + ' ' + tag + ', ' + jahr + ' 16:30:00');
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    whitesnake Mitglied
    Registriert seit
    07.11.2004
    Beiträge
    297
    Beitragswertungen
    0 Beitragspunkte
    hehe stimmt lachen

    so muss jetzt los, weißt sicher wohin lachen lachen
    Mirror Mirror on the wall, true hope lies beyond the coast... you're a damn kind can't you see, that tomorrow bears insanity?

    Blind Guardian - Mirror Mirror
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten