Elegante biblioteca temporizador de cuenta atrás personalizable
| Autor: | KoczwaraPi |
|---|---|
| Views Total: | 2,423 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 20, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Esta sencilla biblioteca le ayuda a crear temporizadores de aspecto agradable y altamente personalizables con barras de progreso de cuenta regresiva, colores de fondo variables y audios de alarma personalizados en la Página Web. También puede Agregar tantas veces como sea posible haciendo clic en el botón ' + '.
Funcionamiento:
Incluye el Font awesome 4 necesario para los iconos del temporizador.
<link rel="stylesheet" href="font-awesome.min.css">
Agregue los siguientes archivos requeridos en la Página Web.
<link rel="stylesheet" href="css/style.css"> <script src="js/script.js"></script>
Cree un botón "agregar un nuevo temporizador" en la Página Web.
<input id="addNewTimer" type="button" value="+">
Inserte el audio predeterminado en la Página Web.
<audio class="initRing" type="audio/mp3" src="audio/initRing.mp3"></audio>
Eso es todo. De forma predeterminada, la biblioteca generará automáticamente 2 temporizador de cuenta regresiva inicial (temporizador de interrupción y temporizador Pomodoro) en la Página Web.
