[CSS] CSS 애니메이션은 자바 스크립트와 시작 및 종료 할 때 당신은 어떻게 감지 하는가?

CSS 애니메이션은 자바 스크립트와 시작 및 종료 할 때 당신은 어떻게 감지 하는가?

해결법

1. ---

   1.요소, 예를 들어, 바인드 적절한 이벤트

   요소, 예를 들어, 바인드 적절한 이벤트

   el.addEventListener("animationstart", function() {}, false);
   el.addEventListener("animationend", function() {}, false);
   el.addEventListener("animationiteration", function() {}, false);
   

   https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations#Using_animation_events

   참고 : 당신은뿐만 아니라, 예를 적절한 접두사-이벤트를 추가해야 할 수도 있습니다 webkitAnimationEnd

from https://stackoverflow.com/questions/14796936/how-do-you-detect-when-css-animations-start-and-end-with-javascript by cc-by-sa and MIT license