گاه لازم است در صفحات یک عمل بار ها انجام شود، مثلا بروز رسانی بخش اخبار سایت یا بخش های مهم دیگر، برای ایجاد یک تکرار با بازه زمانی مشخص براحتی می توان از تابع setInterval در جاوا اسکریپت استفاده کرد، برای نمونه کد زیر یک پیغام را به فاصله 10 ثانیه از هم نمایش می دهد.


setInterval( "alert('Simple Alert Test')", 10000 );

با ورودی اول تابع دستوری است که می خواهید تکرار شود و ورودی دوم نیز بازه زمانی تکرار بر حسب میلی ثانیه می باشد.

برای اجرای دستورات مورد نیاز خود (مثلا بارگذاری محتوا بوسیله ajax یا کارهای دیگر) راحتترین و تمیزترین راه ایجاد یک تابع و فراخوانی آن در بخش دستور تابع setInterval می باشد. در مثال زیر با تابع run هر 5 ثانیه یک بار اجرا می شود و محتویات یک div را بروز رسانی می کند.


setInterval( "run();", 5000 );
$(function() {
  run = function(){
    $('#dataDisplay').html("Hi This is auto refresh example.<br>");
  }
});

اکنون براحتی می بینیم که محتویات تابع run دستوراتی است که می خواهیم اجرا شوند.

در زیر نمونه کاملی از یک صفحه وب آمده است که هر 5 ثانیه یک بار تاریخ را در صفحه بروز نمایش می دهد.


<html>
<head>
<script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">
</script>
<script language="JavaScript">
setInterval( "run();", 5000 );
$(function() {
  run = function(){
    $('#refresher').html(Date()); 
  }
});
</script>
</head>
<body>
  <div id='refresher'></div>
</body>
</html>