stop animation frame

stop-animation-frame.js

function stopAnimations () {
  // Get the Body Element
  var body = document.body
  body.addEventListener('webkitAnimationStart', stopAnimation, false);
  body.addEventListener('webkitAnimationIteration', stopAnimation, false);
  body.addEventListener('animationstart', stopAnimation, false);
  body.addEventListener('animationiteration', stopAnimation, false);

  function stopAnimation (e) {
    var target = e.target;
    var type = e.type.toLowerCase();
   
    if (!!~type.indexOf('animationstart') || !!~type.indexOf('animationiteration')) {
      setTimeout(function() {
   
        if ('paused' !== target.style.webkitAnimationPlayState)
          target.style.webkitAnimationPlayState = 'paused';
   
        if ('paused' !== target.style.MozAnimationPlayState)
          target.style.MozAnimationPlayState = 'paused';
   
        if ('paused' !== target.style.animationPlayState)
          target.style.animationPlayState = 'paused';
   
      }, 0);
    }
  };

};