javascript - animate.css 动画之间的延迟

Question

我是 jQuery 的新手，目前正在尝试以下操作:

我正在使用 animate.css 为 div 设置动画。我现在要做的是定义淡入和淡出之间的时间。例如:

淡入 > 3 秒延迟 > 淡出

我正在使用此函数将 animate.css 中的类动态添加到我的对象 (#test)。

$(document).ready(function () {

    phase1('#test', 'bounceInLeft');

    function phase1(element, animation) {
        element = $(element);
                element.addClass('animated ' + animation);
    };

});

我正在尝试归档这样的东西:

1. 阶段1('#test', '反弹在左');
2. 3秒延迟
3. 阶段1('#test', '反弹出左');
4. 1秒延迟
5. phase1('#test2', '反弹InLeft');
6. .....

非常感谢任何形式的帮助 :) 提前致谢!

Answer 1

是的，你设置了超时。将您的代码包装在此部分中，并使用您想要的毫秒数调整时间。这允许您错开多个值的代码时间。

这个例子会延迟 3 秒，然后延迟 1 秒

  setTimeout(function(){ 
      // place your code in here
  }, 3000);

  setTimeout(function(){ 
      // place your second bit of code in here
  }, 5000);