// 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);
Titulo principal de la obra en tres lineas
Más Información
Pagina de pruebas
Más Información
Recibe toda nuestra programación e información de la actualidad del Sala Galileo Galilei Madrid

Trabaja

con nosotros

Si estás interesado en unirte al equipo del Sala Galileo Galilei Madrid envíanos este formulario ¡Pronto recibirás noticias nuestras!