Vanilla JavaScript count up Library-count-up. js

Vista prévia

Descripción

count-up. js es una biblioteca de JavaScript muy pequeña que se utiliza para contar hasta un valor numérico a una cierta velocidad. Con soporte para sufijo y prefijo personalizados.

Funcionamiento

Importa el núcleo JavaScript count-up. js en la Página Web.

<script src="count-up.js"></script>

Para crear un componente básico de conteo, simplemente agregue la clase CSS ' Countup ' al elemento target y done.

<span id="demo" class="countup"></span>

Cree un nuevo objeto counterUp con valores predeterminados:

var cu = new counterUp();

Comience el conteo:

cu.start();

Todas las opciones de configuración predeterminadas.

var cu = new counterUp({



// duration in milliseconds


duration: 3000,






 // string to prepend to the value


prepend: '',







// string to apend to the value


append: '%',







// selector used to find elements on wich applycountUp


selector: '.countup',




 // default start


start: 0,







 // default end


end: 100,







 // should we display integer values only


intvalues: false,





 // default counting interval


interval: 100






 });

Usted puede también configurar el conteo directamente usando el atributo Cup-OPTION como esto:

<span id="demo"



 class="countup"



 cup-end="100"



 cup-append="%"



 cup-prepend="">
</span>