ajax自动刷新统计数据

时间:2013-06-23 23:13:49

标签: jquery ajax

我有一个脚本,每5秒刷一次div中的一个计数器。但是在加载时它直到5秒后才会显示,然后以相同的间隔连续刷新。如何在最初的5秒钟内显示它?

<script> 
var auto_refresh = setInterval(
function()
{
$('#refresh-me').load('stats_counter.php?table=testimonials');
}, 5000);
</script>

<!---- stats ---->
<div id="refresh-me">

</div>
<!---- stats ---->

4 个答案:

答案 0 :(得分:2)

<script> 
   $(document).ready(function() {
       function count() {
           $('#refresh-me').load('stats_counter.php?table=testimonials');
       }
       var auto_refresh = setInterval(function() { count() }, 5000);
       count();
   });
</script>

将代码移动到一个函数,并从启动和计时器中调用它。

编辑:我记不住了,但您可以只使用setInterval的功能。

<script> 
   $(document).ready(function() {
       function count() {
           $('#refresh-me').load('stats_counter.php?table=testimonials');
       }
       var auto_refresh = setInterval(count, 5000);
       count();
   });
</script>

答案 1 :(得分:1)

创建一个函数。然后在setInterval中调用它,一次在页面加载

 function refresh() {
   $('#refresh-me').load('stats_counter.php?table=testimonials');
  }
   var auto_refresh = setInterval(function() { refresh() }, 5000);
   refresh();

答案 2 :(得分:0)

在页面加载时调用load方法,然后启动间隔!

答案 3 :(得分:0)

Ajax计数器可以轻松完成,只需包含以下文件

  1. 的index.html
  2. counter.php(ajax文件)
  3. 必要的图片
  4. JS文件(用于jquery分页调用)
  5. 下载链接:https://docs.google.com/open?id=0B5dn0M5-kgfDcE0tOVBPMkg2bHc