He reunido el siguiente script de mootools

 window.addEvent('domready', function() {
    var shouts = "timed.php";
    var log = $('log_res');
    function updateData (url,target)
    {
        new Ajax(url,{
        method: 'get', 
        update: $(target), 
        onComplete: function() {
        log.removeClass('ajax-loading');}  }).request();
        log.empty().addClass('ajax-loading');
    }

    var update = function(){ updateData ( shouts, 'log_res' ); };
    update();           // call it immediately
    update.periodical(10000);   // and then periodically

 });

aquí está el html

<div id="AJAX">
    <h3>Ajax Response</h3>
    <div id="log_res">exercise</div>
</div>

está usando moo 1.1.

Lo anterior funciona bien, la página se carga y luego la solicitud de ajax se inicia en div id log_res tiene una clase de carga de ajax mientras se actualiza, y cuando finaliza, el ejercicio de texto en el div se reemplaza con lo que haya devuelto el ajax (yippee). Pero quiero poner algo de HTML personalizado en el div MIENTRAS la página se está cargando, porque la clase de carga ajax no es suficiente para contener la información, también quiero poner un intermitente en el div mientras la solicitud ajax está recuperando la información . Espero que tenga sentido!