forループのiframeまたはwindow.opener.locationのsrcを変更するにはどうすればよいですか？

Question

forループのiframeまたはwindow.opener.locationのsrc属性を変更したいとします。たとえば、次のように：

1. スタートループのiframeから
2. 変更SRCリンク1へ
3. は、リンク2へのiframeから
1秒次
5. 変更srcを待つ
6. 1 secoond
7. を待ちます次へ
8. [...]
9. 私はこのようなループのためにそれを実装しようとするたびに、エンドループ

は、しかし：

iframe = document.createElement('iframe'); 
document.body.appendChild(iframe); 
iframe.src = 'http://example.com/index.php?x=init'; 
for(i = 1; i <= 5; i++) 
{ 
    console.log(i) 
    iframe.src = 'http://example.com/index.php?x='+i; 
    sleep(1000) // <- A sleep function that does a while loop for 1000 ms 
} 

それが実際のiframeを出力する前には、常にコンソールに1,2,3,4,5を出力しますsrcを最後のものだけに変更します。

私が間違っていることはありますか？それはjavascriptでそれを実現することさえ可能ですか？それとも別のやり方をしなければならないのですか？私はforループとwindow.opener.locationで同じ問題があります。

Answer 1

もしあなたがむしろ欲しいと思うものは、このようなものです。

iframe = document.createElement('iframe'); 
document.body.appendChild(iframe); 
iframe.src = 'http://example.com/index.php?x=init'; 
var i = 0; 

var interval = setInterval(function() { 
    i++; 
    console.log(i) 
    iframe.src = 'http://example.com/index.php?x='+i; 
    if (i === 5) { 
     clearInterval(interval); 
    } 
}, 1000);