jQuery: cuenta atrás 3,2,1

Cuenta atrás con jQuery con la que conseguiremos un efecto de película 3, 2, 1… acción!!!

$(document).ready(function() {

  $.fn.delay = function(time,func){
    return this.each(function(){
      setTimeout(func,time);
    });
  };

  $.fn.cuentaAtras = function(settings,to) {
    settings = $.extend({
      fontSize1: '36px',
      fontSize2: '12px',
      duraccion: 1000,
      numero_incio: 10,
      numero_final: 0,
      callBack: function() { }
    }, settings);
    return this.each(function() {

      if(!to && to != settings.numero_final) { to = settings.numero_incio; }

      $(this).text(to).css('fontSize',settings.fontSize1);

      $(this).animate({
        'fontSize': settings.fontSize2
      },settings.duraccion,'',function() {
        if(to > settings.numero_final + 1) {
          $(this).css('fontSize',settings.fontSize1).text(to - 1).cuentaAtras(settings,to - 1);
        }else{
          settings.callBack(this);
        }
      });

    });
  };

  // Modo de uso:
  $('#cuentaAtras').cuentaAtras({
    numero_incio: 10,
    callBack: function(me) {
      $(me).text('¡Final!');
    }
  });

});

Para lograr este efecto hay en la red varios plugins con efectos también muy logrados.

Demo: