Come visualizzare un messaggio prima dell'aggiornamento automatico div utilizzando jquery

Question

Sto tentando di visualizzare un messaggio prima di un aggiornamento automatico div. Ho creato questo codice per l'aggiornamento automatico.

$(document).ready(function() 
{ 
if setInterval(function() { 
    $("#pagere").load(location.href + " #pagere");}, 10000);    
}); 

Ho anche bisogno di visualizzare un messaggio come "page auto refresh in 3 sec...". Come lo posso fare?

Answer 1

Prova questo :)

$(document).ready(function() 
    { 
     var alertTimeSec = 3000; //alert time in ms 
     var delayTimeSec = 10000; //time delay to refresh in ms 
      setTimeout(function() { 
       alert("3 Sec more") 
      }, (delayTimeSec-alertTimeSec)); 
      setInterval(function() { 
      $("#pagere").load(location.href + " #pagere");}, delayTimeSec);  
    }); 

Answer 2

<script> 
    setInterval(function() 
    { 
     $("#pagere_container").load(location.href + " #pagere"); 
    }, 3000); 
</script> 

<div id="pagere_container"> 
    <div id="pagere"> 
     page auto refresh in 3 sec... 
    </div> 
</div> 

Answer 3

setTimeout(function() { 
    $('#load_status').show(); 
}, 5000); 
$("#pagere").load(location.href + " #pagere");}, 10000); 

-questo vi darà 5 secondi di timeout prima di aggiornamento