Adding a timeout to a javascript rotation
<p>I have the following code working (in Firefox &amp; Safari only - no worries it's a subtle effect that doesn't need perfect cross-browser compatibility).</p>

<p>HTML</p>

<p><code>&lt;span id="rotate_star"&gt;&lt;/div&gt;</code></p>

<p>Javscript</p>

<pre><code>&lt;script&gt;
    var count = 0;
    function rotate() {
      var elem2 = document.getElementById('rotate_star');
      elem2.style.MozTransform = 'rotate('+count+'deg)';
      elem2.style.WebkitTransform = 'rotate('+count+'deg)';
      if (count==360) { count = 0 }
      count+=10;
      window.setTimeout(rotate, 30);
    }
    window.setTimeout(rotate, 100);
&lt;/script&gt;
</code></pre>

<p>I'll be honest, I'm not the most savvy person in the world when it comes to javascript.  I want this animation to repeat in an infinite loop but I want it to delay for 5 seconds every time it makes a complete 360 degree turn.</p>

<p>Can anyone help?</p>
