title: jquery setInterval or animate with easing
body: <p>I've got a problem with setInterval and .animate(); during a project in jQuery/JavaScript.  </p>
  
  <p>I use the following code for start my interval:<br>
  <code>interval=setInterval(function(){initspin()},40);</code>  </p>
  
  <p>What it does with initspin():<br>
  <code>$('.device-carousel .spincontent').css('left','-'+(currimgnum-1)*imagewidth+'px');</code>  </p>
  
  <p>It moves the div container .spincontent every 40ms around 500px to the left side. It's necessary to do all the 500px steps, because the background-image of the .spincontent is a image-stripe of 22 images for a 3D spinner.</p>
  
  <p>What I would like to have is, that after 50% of the .spincontent the ratio change from 40ms to 60ms for a lower/easing moving.</p>
  
  <p>How can I realize this? Or is it better to switch to .animate()?</p>