Как мгновенно остановить анимацию?

Question

[Арсений Соколовский]

Есть анимация элемента

function perfect(){

            document.getElementById('feedback').stop
         var perf = $('#feedback');
         perf.attr
         perf.removeAttr('class', 'feedback-bad','feedback-none', 'feedback-good','feedback-super','feedback-ok','feedback-yeah','feedback-goldBad' );
         perf.attr('class',  'feedback-perfect')

            document.getElementById('feedback').animate(
         [
         { transform: 'scale(1.15)', opacity: 1},
         { transform: 'scale(1.25)', opacity: 1},
         { transform: 'scale(1)', opacity: 1, offset: 0.25 },
         { transform: 'scale(1.05)', opacity: 1, offset: 0.3}, 
         { transform: 'scale(0.85)', opacity: 0} 
         ],
         900
         );   
}

нужно сделать так чтобы когда функция вызывается, то анимация (

document.getElementById('feedback').animate(
         [
         { transform: 'scale(1.15)', opacity: 1},
         { transform: 'scale(1.25)', opacity: 1},
         { transform: 'scale(1)', opacity: 1, offset: 0.25 },
         { transform: 'scale(1.05)', opacity: 1, offset: 0.3}, 
         { transform: 'scale(0.85)', opacity: 0} 
         ],
         900
         );

)
Мгновенно останавливалась и сразу начиналась заново.

Answer 1

[Дмитрий Беляев]

https://developer.mozilla.org/ru/docs/Web/API/Anim...
https://developer.mozilla.org/ru/docs/Web/API/Elem...