title: how to reduce the speed of an Animate circles js
body: <p>I will like to reduce the speed of this animated circular path please 
  see the url below to view the code. thanks </p>
  
  <p><a href="http://jsfiddle.net/AbdiasSoftware/F8x4p/" rel="nofollow noreferrer">http://jsfiddle.net/AbdiasSoftware/F8x4p/</a></p>
  
  <pre><code>var pos = $('#center').position(),
      radiusSat = $('#sat1').width() * 0.5,
      radius = $('#center').width() * 0.5,
      cx = pos.left + radius,
      cy = pos.top + radius,
      x, y, angle = 0, angles = [],
      spc = 360 / 5,
      deg2rad = Math.PI / 180,
      i = 0;
  
  for(;i &lt; 5; i++) {
      angles.push(angle);
      angle += spc;
  }
  
  /// space out radius
  radius += (radiusSat + 10);
  
  loop();
  
  function loop() {
  
      for(var i = 0; i &lt; angles.length; i++) {
  
          angle = angles[i];
  
          x = cx + radius * Math.cos(angle * deg2rad);
          y = cy + radius * Math.sin(angle * deg2rad);
  
          $('#sat' + i).css({left:x - radiusSat, top:y - radiusSat});
  
          angles[i] = angles[i] + 1;
          if (angles[i] &gt; 360) angles[i] = 0;
      }
  
      requestAnimationFrame(loop);
  }
  </code></pre>