Jquery 如何在animate.css中延迟无限类？

我正在使用以创建css动画。我目前正在使用infinite类以使其重复。但是我想让它每5秒左右重复一次，而不是每秒钟重复一次。有没有一种方法可以通过CSS或jQuery实现这一点

这是我的密码：

  <div class="row">
                <div class="col-12 name animated infinite zoomIn">
                    <h1>vicki williams</h1>
                </div>
            </div>

维姬·威廉姆斯

是的，我的朋友：

#yourElement {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}

---

当然，如果希望动画每5秒重复一次，请将

动画迭代计数设置为
无限
，并将
动画持续时间设置为包含动画所需时间的值，然后包括5秒的延迟

例如，在下面的示例中，
动画：color 6s infinite将动画设置为6秒，在我的动画中，我从黑色逐渐变为红色，最多为17%（1秒），然后立即背对背，并通过动画的其余部分（5秒），然后重复。这是一种在1s内从黑色变为红色的方式，重置并有5s的延迟，然后动画重复


h1{
动画：色彩6s无限；
}
@关键帧颜色{
0% {
颜色：黑色；
}
17% {
颜色：红色；
} 
18% {
颜色：黑色；
}
}
hello
仅延迟动画的第一次迭代。从声音上看，OP希望动画的每一次迭代都会出现延迟，而不仅仅是第一次。是的，所有这些和更多都在文档中。谢谢@MichaelCoker。