How to display a message before auto refresh div using jquery

Question

I am trying to display a message before an auto refresh div. I have created this code for the auto refresh.

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

I also need to display a message like "page auto refresh in 3 sec...". How can I do that?

Answer 1

Try this :)

$(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);

-this will give you 5 sec of timeout before refresh