Count down in ein bild packen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Count down in ein bild packen

    hey!

    ich moechte einen countdown in ein forum als signatur einfuegen. da der countdown aber in javascript geschrieben ist

    Code:
      <head>
    
    <b>Countdown</b><br>
    Dies ist ein Countdown der die Tage, Stunden, Minuten und Sekunden zaehlt bis ich wieder zuhause bin.<br><br>
    
        <script language="JavaScript">
          // Ziel-Datum in MEZ
          var jahr=2006, monat=6, tag=21, stunde=15, minute=0, sekunde=0;
          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)<=zielDatum) 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*24*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>
      </head>
    
      <body onload="countdown()">
    
        <form name="countdownform">
          <p>
            <input size="75" style="background-color:#ffffff;border-width:0" name="countdowninput">
          </p>
        </form>

    und ich mich nicht besonders gut mit den grafik und bild funktionen in php auskenne...wollte ich hier mal einfach fragen wie man per php script ein bild daraus machen koennte...(normalerweise kenn ich mich recht gut mit php aus, allerdings hab ich es nicht besonders so mit der grafik funktion.

    ich hoffe ihr koennt mir helfen.
    mfg
    Ocean

    p.s. sorry wegen meiner rechtschreibung...nach einem jahr englisch faellt deutsch ein bisschen schwer

  • #2
    javascript läuft aufm client, php aufm server. es geht also nicht. du kannst den counter aber mit php nachbauen und das ergebnis in ein bild "schreiben".

    http://de3.php.net/manual/de/ref.image.php
    mfg

    Kommentar


    • #3
      vielen dank erstmal, aber html laeuft doch auch aufm client und dennoch kann man php und html mischen!?!?!

      Kommentar


      • #4
        Original geschrieben von Ocean
        vielen dank erstmal, aber html laeuft doch auch aufm client und dennoch kann man php und html mischen!?!?!
        aber php wird geparst und nur der OUTPUT (html) kommt beim Client an ... guck doch mal in den Quelltext einer Seite

        Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

        bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
        Wie man Fragen richtig stellt

        Kommentar


        • #5
          okay, wie kann ich dieses bild jetzt im forum ein binden?? irgendwie will der das net einbinden

          http://cstrike1.cs.funpic.de/countdown/countdown.php

          Kommentar


          • #6
            Das solltest du den Forum-betreiber fragen.

            Könnte an der Endung liegen.

            Kommentar


            • #7
              hab ich auch schon gedacht...allerdings wird das als link location angegeben

              Kommentar


              • #8
                siehste.

                Kommentar

                Lädt...
                X