newbie: countdown (eigentlich warscheinlich einfach)

Hallo, ich habe hier: http://forum.de.selfhtml.org/?t=68412&m=392431 schonmal eine Frage diesbezüglich gestellt. Ich weiß mittlerweile, wie ich die Länge des ladebalkens bestimme, nun möchte ich bloß noch einen countdown machen von 10 bis null im sekundentakt  und für jede sekunde wird der balken ein stückchen kleiner (das heißt bei einer sekunde wird das bild 1 pixel lang, bei 2 sekunden 2 pixel usw...)

Danke

  1. abend,

    Hallo, ich habe hier: http://forum.de.selfhtml.org/?t=68412&m=392431 schonmal eine Frage diesbezüglich gestellt. Ich weiß mittlerweile, wie ich die Länge des ladebalkens bestimme, nun möchte ich bloß noch einen countdown machen von 10 bis null im sekundentakt  und für jede sekunde wird der balken ein stückchen kleiner (das heißt bei einer sekunde wird das bild 1 pixel lang, bei 2 sekunden 2 pixel usw...)

    habe ich da irgendetwas nicht mitbekommen ?
    war das jetzt eine arbeitsaufforderung ??

    mfg,
    (tanz das)
    Z.N.S.

    --
    <img src="http://www.dmp-web.de/comunicout/neubauten.gif" border="0" alt="">
  2. Moin!

    Ja! Es ist ganz simpel.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Back-Counter mit JS von fastix®, dem lieben!</title>
    </head>

    <script type="Text/JavaScript">
    <!--
    var counter=100;
    window.setTimeout('zaehler()', 100)
    // dies ruft nach 100 Millisekunden die Funktion zaehler() auf.

    function zaehler() {
      counter=counter-1;
       // oh! eins weniger...
      newWidth=(counter)+"px";
       // das ergibt  "99px"; "98px"...
      document.getElementById('graph').style.width = newWidth;
       // das Schreiben wir dem Image in den Style
      if (counter > 0) {
       // Prüfen, ob wir fertig sind
        window.setTimeout('zaehler()', 100)
          // wenn nicht rufen die Funktion in genau 100 Millisekunden wieder auf.
      } else {
        alert("down!")
         // oder brüllen: Fertig, Oma!
    }

    //-->
    </script>
    <body >
    <!-- Ja, klar. Wir brauchen ein Bild... -->
    <img id="graph" style="height:10px;width:100px" src="blau.gif" alt="Rückschrittsbalken">

    </body>
    </html>

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
    1. @fastix: Dankesehr

      @wahsaga: is kein doppelpost, diesmal wollte ich nur nen countdown, letztes mal wollte ich etwas, was nach dir unschaffbar ist......

      1. Moin!

        Bitteschön!

        <img src="http://www.fastix.de/weblogo.png" border="0" alt="">

        1. Moin!

          Bitteschön!

          <img src="http://www.fastix.de/weblogo.png" border="0" alt="">

          Der Skript geht nicht!!
          Könnte es nicht sein das du ihm da was falsches geschrieben hast?

          1. Moin!

            Der Skript geht nicht!!

            Definiere "geht nicht".

            Bei mir ging es wohl.
            Für Netscape 4.x und IE kleiner 5.0 sollte es aber auch nicht geeignet sein.

            MFFG (Mit freundlich- friedfertigem Grinsen)

            fastix®

            --
            Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
            1. Moin!

              Der Skript geht nicht!!
              Definiere "geht nicht".

              Also bei mir geht der Skript wunderbar, bis auf das bei der Funktion eine "}" vergessen wurde und unten beim bild im Style ein ";" gings wunderbar...

              Am Anfang ist der Pfeil bei mir auch nur stehen geblieben aber als ich da was dazu geschrieben hatte in Form dieses ";" und "}" da klappte es wunderbar

  3. hi,

    Hallo, ich habe hier: http://forum.de.selfhtml.org/?t=68412&m=392431 schonmal eine Frage diesbezüglich gestellt.

    und warum bleibst du nicht in deinem thread?

    bitte lies </faq/#Q-11>, und unterlasse solche doppelpostings zukünftig.

    gruss,
    wahsaga