Crear relojes analógicos personalizables usando Pure JS-analogClockJs
| Autor: | kenlam0083 |
|---|---|
| Views Total: | 2,512 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 3, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
analogClockJs es una biblioteca independiente de JavaScript para generar relojes analógicos personalizables, fáciles de estilo, usando JavaScript sin formato & CSS.
Funcionamiento
Para utilizar analogClockJs, tienes que cargar el archivo principal de JavaScript analogClock. js en el archivo HTML.
<script src="analogClock.js"></script>
Crear un contenedor de reloj con un identificador único ' Clock '.
<div id="clock"></div>
Genere un reloj analógico predeterminado dentro del elemento contenedor.
AnalogClock("clock"); Personalice el reloj analógico pasando las siguientes opciones como un objeto al método AnalogClock () .
AnalogClock("clock", {
// text color
foreColor: "#000"
// width
width: 400,
// bg color
bgColor: "#eee"
}); Base sobre el uso del objeto, devuelve un objeto Clock, puede hacer un poco más de control de estilo por el objeto devuelto.
var opt = new AnalogClockOption(); opt.width = 100;
var clock = new AnalogClock("clock", opt);
clock.panel.style.border = "solid 1px red";
