Невозможно получить javascript для обнаружения css3 animationend

Question

У меня возникли проблемы с получением javascript для моей анимации. Работает правильно.

У меня есть div ("diaDiv"), который исчезает, когда страница загружается. Я пытаюсь его получить, как только он полностью исчез, измените скрытый div ниже него («responseDiv»), чтобы быть видимым.

function displayText(){ 
    var element = document.getElementById('diaDiv'); 
    element.addEventListener('webkitAnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false); 
    element.addEventListener('AnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false); 
    element.addEventListener('webkitAnimationEnd, document.getElementById('responseDiv').style.visibility = "visible", false); 
} 

Я также попробовал это положить стилизации responseDiv в другой функции, а просто вызвать эту функцию от слушателя событий.

Кажется, что у людей есть работа, но мне не очень повезло. Если у меня есть функция run onLoad(), div будет виден с самого начала, поэтому я предполагаю, что это проблема с моими прослушивателями событий. Какие-либо предложения?

Answer 1

Вам не хватает ' и я считаю, что вам нужен function(). Попробуйте

function displayText(){ 
    var element = document.getElementById('diaDiv'); 
    element.addEventListener('webkitAnimationEnd', function() { 
     document.getElementById('responseDiv').style.visibility = "visible" 
    }, false); 
    element.addEventListener('AnimationEnd', function() { 
     document.getElementById('responseDiv').style.visibility = "visible" 
    }, false); 
    element.addEventListener('webkitAnimationEnd', function() { 
     document.getElementById('responseDiv').style.visibility = "visible" 
    }, false); 
}