event-end-open-1.svg

Enable keyboard shortcuts

Checkerboard

<!--

  Generally speaking, when constructing intervals if all the end instance times

  are before the next begin time there's no valid interval.

  However, SMIL specifically makes an exception when the end attribute has event

  conditions in which case an unresolved end is used.

-->

<svg xmlns="http://www.w3.org/2000/svg"

     xmlns:xlink="http://www.w3.org/1999/xlink"

     class="reftest-wait"

     onload="

        document.documentElement.pauseAnimations();

        document.documentElement.setCurrentTime(2);

        document.documentElement.removeAttribute('class')">

  <circle id="circle" r="10"/>

  <rect width="100" height="100" fill="red">

    <set attributeName="fill" attributeType="CSS" to="green"

      begin="0s; 2s" end="1s; circle.click"/>

  </rect>

</svg>