He creado un contador numérico del 1 al 100 en javascript con un efecto easeOut usando GSAP.
En este caso es un contador ascendente con una duración de 3 segundos, pero es fácilmente modificable a vuestras necesidades.
function count(){ var counter = { var: 0 }; TweenMax.to(counter, 3, { var: 100, onUpdate: function () { var number = Math.ceil(counter.var); $('.counter').html(number); if(number === counter.var){ count.kill(); } }, onComplete: function(){ count(); }, ease:Circ.easeOut }); } count();
Ver demo:
See the Pen Javascript: contador numérico con animación by Jorge Maiden (@jorgemaiden) on CodePen.
Agradezco tu comentario 🤘