Temporizador de cuenta regresiva digital de JavaScript puro-módulo de cuenta regresiva

Tiempo de ejecución: 30 minutos. Empezar

Autor: ievgenborodin
Views Total: 4,394
Sitio oficial: Ir a la web
Actualizado: August 7, 2018
Licencia: MIT

Vista prévia

Temporizador de cuenta regresiva digital de JavaScript puro-módulo de cuenta regresiva

Descripción

Countdown Module es una librería JavaScript pura que utiliza animaciones CSS para crear un hermoso temporizador digital de cuenta regresiva de 7 segmentos para tu aplicación Web.

Funcionamiento

Cargue la hoja de estilo Countdown. CSS en la sección Head y el JavaScript Countdown. js al final del documento HTML.

<link rel="stylesheet" href="countdown.css">
<script src="countdown.js"></script>

Cree un elemento DIV que se servirá como contenedor para el temporizador de cuenta regresiva.

<div id="demo">
 </div>

Cree una nueva instancia del temporizador de cuenta regresiva.

var countdown = new Countdown({


wrapId: 'demo', // countdown selector


seconds: 71, // time to countdown from
});

Ejecute una devolución de llamada cuando finalice la cuenta regresiva.

var countdown = new Countdown({


wrapId: 'myDiv',


seconds: 71,


callback: callback
});


function callback(){

// do something ...
};

Registro de cambios

08/07/2018

  • establecer segundos por fecha

Te puede interesar: