Q:

¿Como puedo hacer que una animación al ser infinita tenga un delay de x segundos?

Estoy utilizando la librería de animatecss para dar animación a mi sitio web, lo que necesito hacer es aplicar la animación bounce infinita pero que tenga un delay de .2s.
Para ello ocupe las clases que vienen para que la animacion sea infinita use inifinite y para hacer el delay use delay-2s pero solo al hacer la primera animacion se cumple el delay de 2 segundos, osea quiero decir que el delay no aplica para la animacion infinita.
<i class="material-icons animated infinite bounce delay-2s">mi_icono</i>

¿Como se debe hacer?

A:

Una de las cosas que puedes hacer es descargar el CSS de animate y editar el código para agregar unos frames que no hagan nada al inicio, ésta podría ser una solución sin usar Jquery.
Ahora, puedes también usar jquery y cada cierto tiempo activar y desactivar la clase 'animated' usando toggleClass();. Aquí está el ejemplo del código.
function re_animate() {
   $('.bounce').toggleClass('animated');
}
window.setInterval(re_animate, 2000);

Puedes agregar también una clase dummy o cambiarlo por un ID. Aquí tienes un fiddle para que te hagas una idea.
Avísame qué tal te funciona eso!

