setTimeout 停止滚动功能

Question

我有这个滚动功能可以检查何时到达 div id 的末尾：

function loadOldPosts() {

        $.ajax({
            url: "https://www.example.com/go.php",
            method: "post",
            data:{
                postID: postID
            },
            dataType:"json",
            success:function(data)
            {
                if (data) {

                    setTimeout(loadOldPosts, 5000);

                }
            }

        });

    }

$(window).scroll(function() {

    var $this = $(this);

    if ($this.scrollTop() + $this.height() >= $('#wall_posts').offset().top + $('#wall_posts').height() ) { 
        loadOldPosts();
    } 

});

我正在尝试使 loadOldPosts 运行后，它必须等待 5 秒才能再次运行。我虽然可以使用 setTimeout 函数完成此操作，但它似乎不起作用。

如何才能使该功能最多每 5 秒运行一次？

谢谢！

Answer 1

您可以使用以下示例等待下一次调用直到 ajax 成功/错误：

var loading  = true;
function loadOldPosts(){
   if(loading){
     loading  = false;
     $.ajax({
      ...,
      success:function(data){
         loading  = true;
      },
      error:function(data){
         loading  = true;
      }
     })     
   }
}