当前位置:  开发笔记 > 编程语言 > 正文

我有两个函数,我希望第二个函数在第一个函数完成后运行它的动画

如何解决《我有两个函数,我希望第二个函数在第一个函数完成后运行它的动画》经验,为你挑选了1个好方法。



1> MinusFour..:

您可以使用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.
}

推荐阅读
低调pasta_730
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有