Update your contents after x seconds with ajax setInterval function

Realtime Listing, going very popular, every guy searching for that, i have also spend lot of time to search  the way to refresh page every x seconds. so i can update my ajax listing with new added records.

after long search and try many method i found javascript function setInterval, all realtime listing works with it. i guess.. if not wrong

Use of setInterval function

just alert “hello San” to test this function

setInterval( "alert('Hello San')", 5000 );  ///////// 5 seconds

Example: just alert “hello San” to test this function after 10 seconds

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script language="JavaScript">
setInterval( "alert('Hello San')", 10000 );  
</script>

User it for call your main function.

setInterval( "SANAjax();", 10000 );  ///////// 10 seconds

Example : With jquery,update div contents after 5 seconds

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script language="JavaScript">
setInterval( "SANAjax();", 5000 );  ///////// 10 seconds
 
$(function() {
SANAjax = function(){
 
$('#dataDisplay').prepend("Hi This is auto refresh example for you - w3cgallery.com <br><br>").fadeIn("slow");
 
}
 });
</script>

The code above will run every 10 seconds (10,000 ms)

i will call your function SANAjax();

 

Demo Online

enjoy

 

From: http://www.w3cgallery.com/w3c-blog/php-mysql-ajax-hacks-trick/how-to-ajax-auto-refresh-after-x-seconds