Tela de loading

[Micilini Roll 49]

Pessoal aqui eu tenho este codigo php

 

<?php
$kb=2024;
echo "streaming $kb Kb...<!-";
flush();
$time = explode(" ",microtime());
$start = $time[0] + $time[1];
for($x=0;$x<$kb;$x++){
    echo str_pad('', 1024, '.');
    flush();
}
$time = explode(" ",microtime());
$finish = $time[0] + $time[1];
$deltat = $finish - $start;
echo "-> Test finished in $deltat seconds. Your speed is ". round($kb / $deltat, 3)."Kb/s";
?>

 

 

ele mede a velocidade de conexao da internet do usuario,ele espera alguns segundos e mostra o resultado na tela,mas pra ficar mais interativo gostaria de fazer neste intervalo de carregamento uma gif mostrando uma tela de loading,ou seja,enquanto o echo "-> Test finished in $deltat seconds.... nao for executado ele continua executando o loading,ja quando o echo for mostrado o loading para e mostra o resultado da sua conexao...é simples,mas nao sei como fazeR!

[caio0220 1]

Essa div que vai receber o testo vai receber uma mudança. Então você pode pegar a classe ou Id dela e colocar assim:

 

$('.resultado').ajaxStop(function(){

$('.loading').hide();

});

 

Isso funciona em uma plataforma de e-commerce que eu trabalho. Na parte de checkout ele é totalmente fechado e eu só posso chamar funções após todos os Ajax serem finalizados, então eu pego o ID da div "#loading" e digo que quando ela sofrer uma mudança ( nesse caso utilizei o ajaxStop) faço minhas funções.