javascript - 我有两个函数，我希望第二个函数在第一个函数完成动画后运行

function firstRun() {
   rightBox.style.animation = "TextEffectMadeWithCSS 10s";
}

function secondRun() {
   rightBox.style.animation = "TextEffectMadeWithCSS 10s";
}

我不想使用Jquery，因为我是javascript的初学者。
而且我在这个水平上无法理解大多数Jquery语法

最佳答案

您可以使用animationend事件。

function firstRun(){
    rightBox.style.animation = "TextEffectMadeWithCSS 10s";
    rightBox.addEventListener('animationend', secondRun); //once it's finished.
}

function secondRun(){
    rightBox.style.animation = "TextEffectMadeWithCSS 10s";
    rightBox.removeEventListener('animationend', secondRun);
    //remove the listener so this doesn't loop.
}

关于javascript - 我有两个函数，我希望第二个函数在第一个函数完成动画后运行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34320814/