Javascript 多次延迟链接jQuery.addClass和.removeClass

我正在使用来自的animate.css，它提供了比jQuery更好的动画。我想链动画和元素的变化与延迟淡入淡出一个元素和改变它的内容

.queue方法只适用于一个延迟，但我需要一种有效的方法，以延迟和尽可能少的语法链接许多.addClass、.removeClass和.html方法

有人知道怎么做吗

这里有一个例子（不起作用，但应该是这样）：

$('div.text').delay(2000).addClass('animated fadeOutLeft').html('New content!').delay(2000).addClass('animated fadeInRight');

这在不同的内容中重复了很多次。

只适用于那些使用基于执行的方法，例如，因此它不适用于或

您可以使用手动队列来修复它，就像

$('div.text').delay(2000).queue(function () {
    $(this).addClass('animated fadeOutLeft').html('New content!').delay(2000).queue(function () {
        $(this).addClass('animated fadeInRight')
    }).dequeue()
});

---

演示：

使用

setTimeout（）

，延迟对addClasssetTimeout（）不起作用似乎会降低性能。有没有办法用jQuery实现这一点？您是否介意在答案中提供一个示例（这样我就可以在它符合我的需要时将其标记为正确的答案等）？现在，我将如何添加该答案的另一个迭代？再次隐藏、设置新文本、再次显示？