Повторить загрузку iframe до успешного завершения?

Question

Привет всем новичкам в веб-разработке и зацикливается на том, как обрабатывать, если iframe не может загрузить файл sr c html

Когда пользователь заходит на страницу, , если html файл существует он должен загружаться на страницу как свой собственный iframe. В противном случае он должен отображать вращающийся значок до тех пор, пока файл html не существует (для контекста: я динамически генерирую график в отдельном потоке, который занимает ~ 1 минуту и ​​не может быть предварительно выбран).

Как я могу достичь этого? Я попытался добавить следующий тег, чтобы он всегда непрерывно перезагружал iframe, хотя это все, что он делает:

<iframe id="iframe" src="test_examples/test1.html" height="650" width="800"></iframe>
<script type="text/javascript">
    // Continuously attempt to reload
    setInterval(function(){
        $('#iframe').attr('src', function (i,val) {return val;}); // resets iframe 
     },1000);
</script>

Answer 1

Вы можете определить свой заголовок iframe, чтобы определить, не загружается ли iframe.

var frame = document.getElementById("iframe");
frame.onload = function(){
    if(frame.title !== "YourExpectedTitle"){ // Title checking
        $('#iframe').attr('src', function (i,val) {return val;}); // resets iframe
    }
}

Исправьте меня, если я не прав