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 🤘