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

<animate id="x" begin="y.end"/>
<animate id="y"/>

<script>

function boom()
{
  var x = document.getElementById("x");
  var y = document.getElementById("y");
  y.appendChild(x);
  y.setAttributeNS(null, "dur", "0.5s");
  y.removeAttributeNS(null, "dur");
}

window.addEventListener("load", boom, false);

</script>

</svg>