Contador extensible animado en Vanilla JavaScript-finalcountdown
| Autor: | tcouther |
|---|---|
| Views Total: | 1,111 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 8, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
finalcountdown es una biblioteca de JavaScript ligera y fácil para crear contadores animados con opciones de formato y opciones de visualización gráfica extensibles.
¿Cómo funciona?
Inserte el archivo JavaScript principal en el documento y estamos listos para ir.
<script src="fc.js"></script>
Crea un contador numérico animado.
<div data-countdown-digital="true"><span>0</span></div>
Cree una nueva instancia y config el contador con las siguientes opciones.
var myCounter = new CountDown({
'elements': {
'counter' : document.querySelector("[data-countdown-init]"),
'digital' : document.querySelector("[data-countdown-digital]"), //optional
'bar' : document.querySelector("[data-countdown-bar]"), //optinal
'guage' : document.querySelector("[data-countdown-guage]") //optinal
},
'format' : 'percentage_html',
'curNum' : 0,
'newNum' : 10000,
'min' : 0,
'max' : 30000,
'runtime' : 3, //animation framecount
'easing': true, //rate of slowdown to divide speed
'idelay' : 200, //initial animation delay
'decimal': 4 //decimal count
});
