Eu montei o seguinte script 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

 });

aqui está o html

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

usando MOO 1.1.

O procedimento acima funciona bem, a página é carregada e a solicitação do ajax entra em ação com o div id log_res, enquanto a atualização é concluída e, quando finalizado, o exercício de texto no div é substituído pelo que o ajax retornou (yippee). Mas eu quero colocar um pouco de HTML personalizado na div WHILST a página está carregando, porque a classe ajax-loading não é suficiente para conter as informações, também quero colocar um pisca-pisca giratório na div enquanto a solicitação ajax está recuperando as informações . Espero que faça sentido!