// Obtenemos el elemento del número animado
const animatedNumber = document.getElementById('animated-number');
// Definimos la función de animación
function animateNumber(targetNumber) {
let currentNumber = 1;
// Calculamos la cantidad de incremento en cada iteración
const increment = Math.ceil(targetNumber / 60); // 60 iteraciones para una animación más suave
// Creamos un intervalo que se ejecuta cada 16.67ms (aproximadamente 60 veces por segundo)
const interval = setInterval(() => {
// Incrementamos el número actual
currentNumber += increment;
// Si hemos alcanzado o superado el número objetivo, detenemos el intervalo y mostramos el número final
if (currentNumber >= targetNumber) {
clearInterval(interval);
animatedNumber.textContent = targetNumber;
} else {
// Actualizamos el contenido del elemento HTML con el número actual
animatedNumber.textContent = currentNumber;
}
}, 16.67); // 16.67ms ≈ 60fps
}
// Llamamos a la función para iniciar la animación con el número objetivo (13243)
animateNumber(13243);
Saltar al contenido principalSaltar al pie de página