使用swiper给一个元素添加两个动画的问题

Cracks

<img class="ani" id="yun" data-slide-in="at 3000 from shuye use swing during 1000" src="/images/b2.png"/>

var mySwiper = new Swiper('.swiper-container',{
    direction : 'vertical',
    onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
        swiperAnimateCache(swiper); //隐藏动画元素
        swiperAnimate(swiper); //初始化完成开始动画
    },
    onSlideChangeEnd: function(swiper){
        swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
        switch(mySwiper.realIndex){
            case 0:break;
            case 1:setTimeout(function(){
               document.getElementById("yun").style.animation="1s ease 0s normal both infinite running bounce";
            },4500);break;
        }
    }

})

这里使用了官网首页推荐的添加两种动画的方式，发现不行以后就找了一种方法如下面JS所示，但是第一个动画执行完了以后 第二个动画
貌似不执行而是直接给元素搞没了，有大神知道什么情况吗？求教

Cracks

现在元素消失的问题解决了，是我自己css位置设置的有问题，但是这个样子，动画还是无法执行第二个

lyace

如何获取金币如何获取金币如何获取金币如何获取金币

lsx-pp

1111111111