jQuery自动播放分页脚本

Question

我的剧本：

function pagination(id)
    {

    $("#article_load_destacados").load("indexer_destacados_news.php?pg_d="+id);


    if (id+1>2)
    {        
       pagination(0);

       setInterval(function() 
       {
          pagination(0);
        }, 4000);        
    }
    else
    {        
       setInterval(function() 
       {
         pagination(id+1);
       }, 4000);        
    }
    }

    </script>

    <div id="article_load_destacados"></div>

    <script>
    pagination(0);
    </script>

创建此脚本以显示分页，该脚本调用PHP文件并使用分页进行加载，为此发送不同的ID，并且在加载PHP文件时同时加载不同的分页元素。 使用此脚本，我想基于id运行所有分页。 例如，如果我有5页，则脚本的运行范围为0到5，我将它与jQuery一起用于setInterval 。

我想让脚本分页并每4秒发送不同的ID。 在运行脚本导航器时，问题不起作用，并生成无限循环。

Answer 1

正如您指出的那样，您希望setTimeout而不是setInterval，您也可以简化代码http://jsfiddle.net/rayBt/

var imax = 3;
var time = 500;
function pagination(id){
  $("#article_load_destacados").load("indexer_destacados_news.php?pg_d="+id);
  id = (id + 1) % imax;
  setTimeout(function () {
      pagination(id);
      }, time);        
}

Answer 2

setInterval用于以给定间隔重复执行功能。 因为您递归调用setIntveral ，所以一旦分页开始，您的脚本将使用许多不同的值执行pagination 。

您应该改用setTimeout 。 setTimeout在给定的时间段后启动一个函数，这听起来像您想要的。