如何在Javascript中实现此旋转标题动画？

我有6个部门：

<div id="element1" class="animated">Title1</div>
<div id="element2" class="animated">Title2</div>
<div id="element3" class="animated">Title3</div>
<div id="element4" class="animated">Title4</div>
<div id="element5" class="animated">Title5</div>
<div id="element6" class="animated">Title6</div>

标题1
标题2
标题3
标题4
标题5
标题6

我需要一次展示一个，除了

我正在使用，我希望每个人都使用

.flipInY

类进入，然后 要退出的

.flipOutY

类

这一切都需要无限循环，效果几乎应该是一组旋转的标题，除了每个标题在翻页和翻页之间应该暂停1秒

我使用的是Angular和jQuery，所以它们都可以使用。除了ngAnimate，我不想使用它

---

我们能弄把小提琴吗？我用ngAnimate做起来很简单-