Как * непрерывно * обнаруживать, если страница полностью загружена JS?

Question

Существует множество способов определить, загружена ли страница. Однако я хочу делать это непрерывно и не могу найти способ, который работает.

Чтобы объяснить, что постоянно означает, позвольте привести пример. На странице

• пользователь щелкает где-то и запрашивает новое изображение для загрузки. это вызывает буферизацию некоторых изображений.

• JS-код автоматически буферизует некоторые изображения непрерывно.

Так что я хочу, чтобы проверить, если на странице есть изображение не осталось быть загружено (также, нет изображения в процессе загрузки).

[Я хочу быть в состоянии понять, загружено ли/загружено/кэшировано каждое изображение. Так что я могу запросить буферизацию новых изображений.]

Я планирую сделать вещь в скобках бесконечное время при ограничении количества буферизованных изображений.

Здесь вы можете попробовать соответствующий код: https://stackoverflow.com/questions/35650853/how-to-buffer-next-200-images-when-the-page-is-not-loading-anything

Answer 1

Проверьте наличие загруженного документа:

$(document).ready(function() { 
    //Your code goes here. 
}); 

Проверьте, загружаются изображения:

$('img').each(function(i, e){ 
    var img = new Image(); 
    img.onload = function() { 
     console.log($(e).attr('src') + ' - Loaded!'); 
     $(e).attr('loaded', true); 
    } 
    img.src = $(e).attr('src'); 
});