SummArg | Cursos y recursos para webmasters

26/04/2011

Timer con forma circular: Pietimer

Pietimer es un pequeño plugin para jQuery que nos permite colocar un contador de tiempo en forma circular. Para su uso debemos vincular nuestro documento con jquery.js y con jquery.pietimer.js. Luego activamos el contador para que funcione con un ID en particular. Podemos modificar la cantidad de segundos que tarda la animación, el color en RGB y el tamaño de nuestro contador:

<script type="text/javascript">
$('#element').pietimer({
						seconds: 10,
						colour: 'rgba(0, 0, 0, 0.8)',
						height: 100,
						width: 100
					},
					function(){
						alert('boom');
					});
</script>

Y en donde queramos que aparezca nuestro Pietimer simplemente colocamos:

<p id=element></p>

Descargar | Demo

Dejar un comentario