<style type="text/css">
body {
 font:76% normal verdana,arial,tahoma;
}

h1, h2 {
 font-size:1em;
}

#fooObject {
 /* simple box */
 position:absolute;
 left:0px;
 top:8em;
 width:5em;
 line-height:3em;
 background:#99ccff;
 border:1px solid #003366;
 white-space:nowrap;
 padding:0.5em;
}
</style>
<script type="text/javascript">
var foo = null; 
function doMove() {   
          foo.style.left = parseInt(foo.style.left) +10 + 'px'; 
        setTimeout(doMove,20);  
}
function init() {
  foo = document.getElementById('fooObject'); 
  foo.style.left = '0px'; 
  doMove();
}
window.onload = init;
</script>


<h1>kaçan div</h1>

<div id="fooObject">
kaçkaç
</div>

Arkadaşlar bu hareketli kutuyu bir kaç hareket sonra (sayfa ortasına doğru)
durdurmak istiyorum ama, ne yaparsam yapayım hep sonsuz döngüye girip , ya hızlıca kaçıyo, ya da sayfa donuyor, yanıt vermiyor. şunu nası durduraca