var counter=1;

function generateData(){

  var text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu lectus viverra, convallis enim interdum, viverra nisl.";

  var limit = counter+50;

  for(counter;counter<limit;counter++){

    var data=("<p>"+counter+text+"</p>");

    $('#container').append(data);

  }

}

​

function myfunctionCall(callback){

  $("#popup").show();

  /*retrieve async data*/

  setTimeout(function(){

    generateData();

    $("#popup").hide();

    callback();

  },4000);

}

​

$(document).ready(function() {

  generateData();

​

  var retrievingData = false;

  $(window).scroll(function() {

    if ( !retrievingData && $(window).scrollTop() + $(window).height() == $(document).height() ) {

      retrievingData = true;

      myfunctionCall(function(){retrievingData = false;});

    }

  });

});

​

​

​

​

​

​

​