title: SVG 'set' animation not looping as expected
body: <p>I have a fairly simple SVG with 2 text elements. I want them to switch every 2 seconds (e.g. &quot;2019&quot;, wait 2 seconds, &quot;2020&quot;, wait 2 seconds, repeat forever).</p>
  <p>For the life of me, nothing happens after the first &quot;2019&quot; is shown (e.g 2019 shows, then never goes away and 2020 never appears). If I change the show2019 begin to &quot;3s;hide2020.end&quot; it doesn't show up for 3 seconds, as expected, but still doesn't continue.</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
      &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;49&quot; height=&quot;64&quot;&gt;
          &lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;49&quot; height=&quot;64&quot; rx=&quot;5&quot; ry=&quot;5&quot; stroke=&quot;#F00&quot; fill=&quot;#FFF&quot; stroke-width=&quot;1&quot; /&gt;
              &lt;text x=&quot;50%&quot; text-anchor=&quot;middle&quot; font-family=&quot;sans-serif&quot; font-size=&quot;9pt&quot; fill=&quot;#F00&quot;&gt;
                &lt;tspan x=&quot;50%&quot; y=&quot;1em&quot;&gt;Check&lt;/tspan&gt;
                &lt;tspan x=&quot;50%&quot; y=&quot;2em&quot;&gt;Terms&lt;/tspan&gt;
                &lt;tspan x=&quot;50%&quot; y=&quot;3em&quot;&gt;for&lt;/tspan&gt;
              &lt;/text&gt;
              &lt;text x=&quot;50%&quot; text-anchor=&quot;middle&quot; font-family=&quot;sans-serif&quot; font-size=&quot;9pt&quot; font-weight=&quot;bold&quot; fill=&quot;#F00&quot; visibility=&quot;hidden&quot;&gt;
                &lt;tspan x=&quot;50%&quot; y=&quot;4.5em&quot;&gt;2019&lt;/tspan&gt;
                &lt;set id=&quot;show2019&quot; attributeName=&quot;visibility&quot; to=&quot;visible&quot; dur=&quot;2s&quot; repeatCount=&quot;123456&quot; begin=&quot;0s;hide2020.end&quot; /&gt;
                &lt;set id=&quot;hide2019&quot; attributeName=&quot;visibility&quot; to=&quot;hidden&quot; dur=&quot;2s&quot; repeatCount=&quot;123456&quot; begin=&quot;show2019.end + 2s&quot; /&gt;
              &lt;/text&gt;
              &lt;text x=&quot;50%&quot; text-anchor=&quot;middle&quot; font-family=&quot;sans-serif&quot; font-size=&quot;9pt&quot; font-weight=&quot;bold&quot; fill=&quot;#F00&quot; visibility=&quot;hidden&quot;&gt;
                &lt;tspan x=&quot;50%&quot; y=&quot;4.5em&quot;&gt;2020&lt;/tspan&gt;
                &lt;set id=&quot;show2020&quot; attributeName=&quot;visibility&quot; to=&quot;visible&quot;dur=&quot;2s&quot; repeatCount=&quot;123456&quot; begin=&quot;hide2019.end&quot; /&gt;
                &lt;set id=&quot;hide2020&quot; attributeName=&quot;visibility&quot; to=&quot;hidden&quot; dur=&quot;2s&quot; repeatCount=&quot;123456&quot; begin=&quot;show2020.end + 2s&quot; /&gt;
              &lt;/text&gt;
      &lt;/svg&gt;
  </code></pre>
  <p><a href="https://codepen.io/drewzarn/pen/NWjJdVZ" rel="nofollow noreferrer">CodePen</a></p>