¿Como repetir una animación con jquery infinitas veces o cada 5 segundos?

publicado por: Anonymous

Hola amigos soy nuevo en el mundo del jquery y estoy realizando mi portafolio web y quiero que una animación se repita infinitamente… agradecería mucho su ayuda !!!

$('.skillbar').each(function () {
    $(this).find('.skillbar-bar').animate({
        width: $(this).attr('data-percent')
    }, 1500);
});

solución

Simple, usa el método nativo de javascript setInterval, ejecutará todo lo que le pongas dentro de la función que recibe como primer párametro cada N milisegundos que le indiques en su segundo párametro:

_x000D_

_x000D_

setInterval(function(){_x000D_
  console.log('Hola, soy una animación, wii!');_x000D_
}, 5000); // 5000 milisegundos = 5 segundos

_x000D_

_x000D_

_x000D_

Para tu código sería algo así:

_x000D_

_x000D_

function animate(){_x000D_
_x000D_
  $('.skillbar').each(function () {_x000D_
      $(this).find('.skillbar-bar').animate({_x000D_
          width: $(this).attr('data-percent')_x000D_
      }, 1500);_x000D_
  });_x000D_
  _x000D_
}_x000D_
_x000D_
setInterval(animate, 5000);

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published.