pause-svg-animation.js

<script>

var svgLogo = document.querySelector('#WebVR_Logo');

setTimeout(function () {
  pause();
}, 6999);

function play () {
  console.log('play');
  svgLogo.unpauseAnimations(); // resumes ALL animations
}
function pause () {
  console.log('pause');
  svgLogo.pauseAnimations(); // pause ALL animations
}
  

svgLogo.addEventListener('mouseenter', function () {
  console.log('mouseenter');
});

svgLogo.addEventListener('mouseleave', function () {
  console.log('mouseleave');
  pause();
});

svgLogo.addEventListener('click', function () {
  play();
  setTimeout(function () {
    pause();
  }, 6999);
})

</script>