Remove timer dependency

I make a preloader page:

$(document).on('pagebeforecreate', '[data-role="page"]', function(){ var interval = setInterval(function(){ $("#loader").show(); clearInterval(interval); },1); }); $(document).on('pageshow', '[data-role="page"]', function(){ var interval = setInterval(function(){ $("#loader").hide(); clearInterval(interval); },1); }); 

I can't make the animation disappear when the div #list fully loaded. It works only with a timer, I tried it via load , but it also does not work.