SummArg | Cursos y recursos para webmasters

09/11/2011

Cuentas regresivas con jQuery Countdown

jQuery Countdown nos permite insertar cuentas regresivas en varios formatos con pocas líneas de código. Primero descargamos el script de la página del autor, luego insertamos entre etiquetas <head>:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">@import "jquery.countdown.css";</style>
<script type="text/javascript" src="jquery.countdown.js"></script>

Seguidamente indicamos el div que contendrá el contador, en donde colocaremos los parámetros que correspondan al tipo de contador deseado:

<script type="javascript">
$(selector).countdown({until: liftoffTime});
</script>

Vale la pena destacar que el script está traducido a gran cantidad de idiomas.

Descargar

Dejar un comentario