Te recomiendo que utilizes los eventos [`ajaxStart`][1] y [`ajaxComplete`][2]. Es la forma natural que viene con jQuery para hacer lo que estas intentando. Estos eventos son invocados por jQuery automáticamente al iniciarse , lo cual simplifica todo el código y queda mucho mas limpio. $(document).ajaxStart(function() { $('#reloj').show(); }).ajaxComplete(function() { $('#reloj').hide(); }); De acuerdo al ejemplo deberías tener un `<div>` inicialmente oculto, donde insertar la animación, que se mostrara cuando hagas cualquier pedido al servidor y se ocultara automáticamente cuando termine la consulta (sea exitosa o no). Este es CSS, cámbialo por la animación que elijas (respetando el Id o cambiando el script arriba por la clase correspondiente). No olvides agregarle `display: none;` para que esta oculto al iniciar. #reloj { display: none; position: fixed; background: yellow; } Agregar esto en el html <div id="reloj">Cargando...</div> [1]: http://api.jquery.com/ajaxStart/#callback [2]: http://api.jquery.com/ajaxComplete/#callback