Temporizador de cuenta regresiva con JavaScript puro-TimezZ
| Autor: | BrooonS |
|---|---|
| Views Total: | 2,049 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 30, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Esta es la versión independiente de jQuery TimezZ plugin que le permite crear un temporizador de cuenta regresiva personalizable en días: horas: minutos: formato de segundos.
Funcionamiento
Cree un contenedor en el que desee mostrar el temporizador de cuenta regresiva.
<div class="timer demo"></div>
Importe el archivo JavaScript ' TimezZ. js ' en el archivo HTML.
<script src="TimezZ.js"></script>
El JavaScript para generar un temporizador de cuenta regresiva básico.
new TimezZ('.demo', {
date: 'Jan 1, 2020'
}); Aplica tus propios estilos al temporizador de cuenta regresiva.
.demo i {
color: #bbb;
font-size: 40px;
}
.demo span {
text-transform: uppercase;
color: #bbb;
} Posibles opciones de plugin para personalizar tus temporizadores de cuenta regresiva.
new TimezZ('.demo', {
date: 'Jan 01, 2040 00:00:00',
daysName: 'd',
hoursName: 'h',
minutesName: 'm',
secondsName: 's',
numberTag: 'span',
letterTag: 'i',
stop: false, // stop the countdown timer?
}); Registro de cambios
v4.0.1 (10/30/2018)
- Factor pequeño
