Jquery 使用animate.css在设定时间后运行动画

您可以从示例中看到，我正在尝试为从顶部向下移动的长方体设置动画，几秒钟后，它将脉冲。我正在使用

HTML

<div class="animated bounceInDown box" id="icon1">This is a test</div>

如果你把弹跳去掉，它会工作，但是为什么两者不能一起工作呢

要使事情变得更复杂，请添加移除元素的动画

似乎我不能在计时器中使用以下任何动画，有人知道为什么吗？还是这是一只虫子

• 闪光
• 弹跳
• 摇动
• 多田
• 摇摆
• 摇摆
• 脉搏

---

似乎不能同时应用多个类动画

在应用新类之前删除

bounceInDown

，效果良好：

$('#icon1').removeClass('bounceInDown').addClass('pulse');

活生生的例子：

试试这个

setTimeout(function() {
    console.log('Running animation');
    $('#icon1').removeClass('bounceInDown');
    $('#icon1').addClass('pulse');
}, 4000);

---

我能问你为什么回答和我完全一样吗？@Alvaro是的，没有重新加载答案，应该多加注意。@Adam是Kyra，谁知道是什么促使他这么做的：）欢迎你！

setTimeout(function() {
    console.log('Running animation');
    $('#icon1').removeClass('bounceInDown');
    $('#icon1').addClass('pulse');
}, 4000);