jQuery Timer, un reloj para controlar tiempos y activar eventos



jQuery Timer, un reloj para controlar tiempos y activar eventos, aunque la funcionalidad se puede lograr con algunas lineas de código en javascript, existe la posibilidad también de usar este simple plugin que controla el tiempo, su nombre jQuery Timer, puedes usarlo por ejemplo en la creación de un juego y poner un control de tiempo de partidos o tiempos agotados, la ventaja de este plugin es que puedes encontrarte con acciones como por ejemplo: Start/Stop/Resume/Remove, la implementación es básica y muy efectiva.

 

Paso 1 .- incluir los archivos js en las cabeceras del documento.


<script src="path/to/jquery.js" type="text/javascript"></script>
<script src="path/to/timer.jquery.js"></script>

Paso 2.- incluir la etiqueta o elemento don se desea mostrar el tiempo.


<input type="text" class="form-control timer" placeholder="0 sec">

Paso 3.- colocar el script que ejecutara el tiempo (también se puede crear las funcionas de control de tiempo).


(function($) {

$("#div-id").timer('start');

}());

 

Paso4.- Establecer los los formatos de tiempo que acepta este plugin son:


'3h15m' // 3 horas, 15 minutos
'15m' // 15 minutos
'30s' // 30 segundos
'2m30s' // 2 minutos 30 segundos
'2h15m30s' // 2 horas 15 minutos y 30 segundos

Aquí tienes un ejemplo completo:http://walmik.info/demos/timer.jquery/

Enlace en github: https://github.com/walmik/timer.jquery

You may also like...