title: How do you pause a looped animation in SVG.js?
body: <p>I’ve got a looped animation that looks like this:</p>
  
  <pre><code>foreground.animate(1000, '&gt;').stroke({ opacity: 0, width: 34 }).loop();
  </code></pre>
  
  <p>I want to incorporate a delay of 800ms into each loop. Specifically before each time the stroke animates to <code>{ opacity: 0, width: 34 }</code>. I’ve tried adding a delay in the animation:</p>
  
  <pre><code>foreground.animate(1000, '&gt;', 800).stroke({ opacity: 0, width: 34 }).loop();
  </code></pre>
  
  <p>… but that just delays the first loop. Then I tried adding <code>delay()</code>:</p>
  
  <pre><code>foreground.animate(1000, '&gt;').stroke({ opacity: 0, width: 34 }).delay(800).loop();
  </code></pre>
  
  <p>… but that, too, only adds the delay once.</p>
  
  <p>Is it possible to have each loop include an 800ms delay at the beginning of each loop?</p>