Temporizador de cuenta regresiva simple en Vanilla JavaScript-ysCountDown. js
| Autor: | yusufsefasezer |
|---|---|
| Views Total: | 1,569 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 9, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
ysCountDown. js es un plugin de temporizador de cuenta regresiva de JavaScript simple para contar el tiempo en días, horas, minutos, segundos.
Funcionamiento
Inserte la versión minimizada de la biblioteca ysCountDown. js en el archivo HTML.
<script src="dist/yscountdown.min.js"></script>
Cree un elemento contenedor para el temporizador de cuenta regresiva.
<p id="counter"></p>
Establezca la fecha de finalización en la que contará el temporizador de cuenta regresiva.
var endDate = "2018/12/25";
Represente el temporizador de cuenta regresiva dentro del elemento contenedor que ha creado.
var counterElement = document.querySelector("#counter");
var myCountDown = new ysCountDown(endDate, function (remaining, finished) {
var message = "";
if (finished) {
message = "Expired";
} else {
message = remaining.totalDays + " d ";
message += remaining.minutes + " m ";
message += remaining.seconds + " s ";
}
counterElement.textContent = message;
}); Descargue y compruebe los ejemplos de carpeta para obtener más ejemplos.
