Bor: jeden Schleifendurchlauf ausgeben bei "wanderndem div"

Beitrag lesen

Hallo,
wie kann ich bei jedem Durchlauf der for-Schleife die neue Position des div-Containers "box" ausgeben lassen?
So läuft er die Schleife ja nur durch und zeigt mir die Endposition.

function runter_wandern()
{
  for (i = 0; i <= 100; i++)
  {
    document.getElementById("box").style.top = i + 50 + "px";
    window.setTimeout("runter_wandern()", 80);
  }
}


>   
>   
> window.setTimeout("runter\_wandern()", 80);  
>   
> Das da musst du nur einmal aufrufen. Um genauer zu sein musst du noch was ergänzen:  
> var intInterval = window.setTimeout("runter\_wandern()", 80);  
> (Du rufst es bei jedem schleifen Durchlauf auf. Dass kann schnell zu einem vollen Cache führen.  
>   
> Jetzt wird runter\_wandern() alle 80 milisekunden aufgerufen. Wenn das wandern zum ende kommt, musst du den timeout wieder löschen:  
> clearInterval( intInterval );  
>   
> Gruß  
>   
> T T- T-R T-Re T-Rex  
  
Alles klar. So wird n Schuh draus. Dann lass ich die for-Schleife gleich ganz weg. :)  
~~~javascript
  
function runter_wandern()  
{  
  i++;  
  document.getElementById('box').style.top = i + 50 + "px";  
  var intInterval = window.setTimeout("runter_wandern()", 80);  
  if (i >= 100) clearInterval( intInterval );  
}  

Dankeschön