Flip Clock
Flip Clock es un plugin más de cuenta atrás o cronómetro pero que llama la atención por su atractivo diseño que trae por defecto.
Parece ser que este plugin se creó porque las otras soluciones existentes no eran lo suficientemente abstractas para proporcionar un profundo nivel de personalización sin reescribir el código.
El plugin va apoyado de una API que está bastante bien explicada en su página oficial.
Este plugin tiene las siguientes características:
- Se puede utilizar como un reloj
- Se puede utilizar como un temporizador
- Se puede utilizar como una cuenta regresiva
- Aspecto configurable usando CSS puro
- Clean & Dry Sintaxis
- Objetos abstractos reutilizables
- Con todas las funciones API para desarrolladores para crear relojes personalizados.
En el ejemplo que vamos a ilustrar vamos utilizar este plugin para hacer una cuenta regresiva hasta una hora dada cada día. En nuestro caso hasta las 16h.
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
3 respuestas a “Flip Clock”
Deja una respuesta
11 artículos que te podrían interesar
Ver más sobre
Lástima que no sea responsive el de flipclock y necesite de algo de adaptación para que lo sea, dejo el enlace de un contador atrás también de tipo flip y que he utilizado (practicamente el mismo ejemplo con ajustes menores) con algún Prestashop para los Black Friday >> http://www.jqueryscript.net/time-clock/Scoreboard-Like-Flipping-Countdown-Clock-For-jQuery-npy-scorecount-js.html
Un abrazo Jose!
Hola, es muy buen ejemplo!
Una pregunta, la hora de referencia que toma este script es la del ordenador?, es decir esta del lado del «cliente»… si es así, nunca mostrará a todos los visitantes el mismo conteo? sino que tomara la hora del país que esté configurada su PC..?
O toma la hora de referencia del servidor donde está instalado… ? de esta manera todos los usuarios verían el mismo conteo, siendo una referencia más fiel.
Agradezco me expliquen como funciona este script
Muchas Gracias!
Tekton
Hola, eso posiblemente esté explicado en la página oficial del plugin –> http://flipclockjs.com/