Как проверить закончилась ли анимация?

Question

[lue merg]

Нашел один из способов, но он не работает

var obj = document.getElementById("ID");

obj.addEventListener("webkitAnimationEnd", EndFunc());
obj.addEventListener("animationend", EndFunc()); 

function EndFunc() {
	console.log('ok');
}

может кто знает получше меня в чем проблема, или как ее решить?

Comments

[Антон Спирин]

Что у вас за анимация? JQuery, @keyframes, transition?

[lue merg]

Антон Спирин, да

[lue merg]

Антон Спирин, @keyframes

Answer 1

[Антон Спирин]

el.addEventListener('animationstart', function(e) { 
  alert('Animation ' + e.animationName + ' has started');
});

el.addEventListener('animationend', function(e) { 
  alert('Animation ' + e.animationName + ' has ended');
});

Демо

Comments

[lue merg]

а если animation infinite?

[Антон Спирин]

lue merg,

el.addEventListener('animationiteration', function(e) { 
  // ваш код
});

Answer 2

[forspamonly2]

obj.addEventListener("animationend", EndFunc());

скобки после EndFunc лишние. вы результат вызова передаёте, а не саму функцию