Javascript 如何在animate.css中编码的css动画周期之间添加间隔？

这个问题是，但不完全是。我知道如何将间隔添加到我自己的动画中，但现在我谈论的动画来自animate.css。我想给它的动画添加间隔，比如说，抖动。如何操作？

只需给它一个id并应用css即可。

#animationID{动画持续时间：2s；}

   h1 {
  animation-duration: 3s;
  animation-name: shake;
  animation-iteration-count: infinite;
animation-delay: 3s;
}
@keyframes shake{
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

检查此链接

我希望这对你有用

动画执行在3s后继续，因为我们定义了

动画持续时间：3s
为什么动画执行会在一次之后继续，因为我们定义了
动画迭代计数：无限
尝试使用javascript来实现这一点

使用-

    $(".ani").delay(700).each(function(index) {
        $(this).delay(700*index).fadeIn(500);
    });

将
class=“ani”
添加到需要延迟的元素中，并使用计时（以毫秒为单位）来实现延迟和触发计时

使用
动画迭代次数：x可以控制动画被触发的次数

希望这有帮助
 我用过这个，但这只会延长动画的持续时间，不是吗？你是说
动画迭代次数：5否。例如，在我的经验中，在带有“rubberBand animated”的元素上设置动画持续时间只会使动画速度变慢，并且每个动画周期实际上是连续播放的，中间没有间隔。
动画延迟：4s
将从最初启动动画开始延迟，但您可能需要jQuery来了解您正在尝试执行的操作。是。动画延迟只会在动画的第一个周期之前增加延迟，但不是所有的延迟…但是动画是在animate.css中定义的，并且有许多不同的动画。我不想在我的css中一个接一个地定义动画。您只需在animate.css文件中更改您没有再次定义的动画。在退出代码中更改我希望不要更改animate.css。更重要的是，我只想在每个循环之间添加间隔，每当我需要一个新的间隔时，我都必须添加一个新的动画。但也许你的方法是必不可少的。使用jquery你可以添加和删除动画…使用set interval…添加和删除，似乎我应该通过复制粘贴和稍微修改css或使用JS来实现这一点。