如何在每 N 秒内显示单独的 iframe？

Question

我已经阅读了一些帖子并进行了一些研究，然后才询问是否有任何重复的帖子，对此感到抱歉。

它有点类似于this question，但我不希望网页继续循环，我希望网页分别显示在每个 iframe 中。我想每隔 N 秒显示一些带有 iframe 的网站，预期的结果就像下面的命令代码：

@echo off
echo "Webpage 1"
timeout 5 >nul
echo "Webpage 2"
timeout 3 >nul 
echo "Webpage 3"
timeout 4 >nul

当我尝试使用 php 进行操作时，我使用了以下代码：

<iframe src="http://example.com/page1" width="50%"></iframe> 
<br>
<?php sleep(5); ?>
<iframe src="http://example.com/page2" width="50%"></iframe> 
<br>
<?php sleep(3); ?>
<iframe src="http://example.com/page3" width="50%"></iframe> 
<br>
<?php sleep(4); ?>

如何避免这些页面同时显示？

Answer 1

//need jquery 
urlLists = [ "http://example.com/page1", "http://example.com/page2" ];
key = 0;
//loop
$(document).ready(function()
{
    var refreshId = setInterval( function() 
    {

    if(urlLists[key] == undefined){
     key=0;       
    }
      $('iframe').attr('src',urlLists[key]) ;
    key++;

    }, 5000);
});


//stop at last
$(document).ready(function()
{
    var refreshId = setInterval( function() 
    {

    if(urlLists[key] != undefined){
        $('iframe').attr('src',urlLists[key]) ;
         key++;   

    }else{
window.clearInterval(refreshId );
 }


    }, 5000);
});

Answer 2

在您的每个页面中只需刷新标题

header('Refresh: 3;url=http://example.com/page1');

当然是把3换成N的值。