jQuery Chrony
jQuery Chrony es un plugin de jQuery que nos permite añadir un cronómetro o cuenta atrás en nuestras páginas Web pasándole como parámetro el número de horas, minutos y segundos.
Para añadir esta cuenta atrás en tu página Web tan solo deberás añadir dentro del <head> la librería jQuery + el plugin:
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.chrony.min.js"></script>
En el lugar que queramos visualizar la cuenta atrás deberemos añadir el contenedor con un id para identificarlo en el jQuery:
<div id="time"></div>
Y finalmente, antes de la etiqueta de cierre de </body> añadiremos la llamada al plugin:
<script type="text/javascript">
$(function() {
$('#time').chrony({ hour: 1, minute: 2, second: 30 });
});
</script>
En este caso estaremos realizando una cuenta atrás de una hora, 2 minutos y 30 segundos. A estos parámetros le podemos añadir código PHP por si quisieramos recoger de un script o base de datos el tiempo a cronometrar.
<script type="text/javascript">
$(function() {
$('#time').chrony({ hour: <?=$hours?>, minute: <?=$minuts?>, second: <?=$seconds?> });
});
</script>
Si necesitas algo más completo para realizar tus cuentas atrás te recomiendo: Countdown Dashboard jQuery
Ver ejemplo práctico añadiendo parámetros PHP
Ver más ejemplos y opciones
Autor
¿Buscas trabajo de programador?
2 respuestas a “jQuery Chrony”
Deja una respuesta
11 artículos que te podrían interesar
Ver más sobre
Hola buenas noches disculpe las molestias pero acerca de jQuery Chrony y hablas acerca de que se puede usar este plugin tanto para una cuenta regresiva como para un cronometro lo he probado y me parece muy interesante la única duda que me surge es como puedo usar el plugin para poner añadir un cronometro ya que solo existen ejemplos de cuentas regresivas espero me puedas ayudar y de verdad perdón si la respuesta es demasiado obvia pero no he logrado añadir un cronometro. Gracias de antemano.
Saludos
Efectivamente estoy revisando el plugin y no veo la opción para hacer un cronómetro. Puedes revisar este otro plugin que si que veo que tiene la opción –> http://www.jose-aguilar.com/blog/jquery-countdown/