<span class="contador-anos" data-final="52">0 años</span>

<style>
.contador-anos {
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
  display: inline-block;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const contadores = document.querySelectorAll(".contador-anos");

  contadores.forEach(function (contador) {
    const final = parseInt(contador.dataset.final, 10);
    let actual = 0;
    const duracion = 2000; // duración total en milisegundos
    const intervalo = duracion / final;

    const animacion = setInterval(function () {
      actual++;
      contador.textContent = actual + " años";

      if (actual >= final) {
        clearInterval(animacion);
      }
    }, intervalo);
  });
});
</script>