title: I would like to move an element to the left using loop
body: <p>I bet I've got elementary question, but I couldn't solve it for two nights.
  I've got 1 "ul" element and I just want it to move any amount of pixels every e.g. 2 sec to the left. I want him to move like this step by step and then come back to the original position and start moving again. 
  I've been stucked, my script only moves it to the final position and finish. </p>
  
  <pre><code>window.onload = function moveUl(){  
  var eUl = document.getElementById('change');  
  var eLi = eUl.getElementsByTagName('li');
  x = -300;
  
  function move(){
      for(i=0;i&lt; eLi.length;i++){
          eUl.style.marginLeft = i*x+'px'; 
      }
  } 
  setInterval(move,1000);
  }
  </code></pre>
  
  <p>This is the simpliest I can think of. I know this script executes whole loop after 1 sec, but  I try to do something like this : Move this element to the left, wait, move more to left and so on.  </p>