javascript - PHP 内嵌框架 |每 X 次刷新一次并翻阅页面数组

Question

这是每 60 秒刷新 IFRAME 内容的 javascript 代码。

   <script type="text/javascript">
        var timer;
        function refreshIframe(){
        if(timer)
        clearInterval(timer)
        timer = setTimeout(refreshIframe,60000)
        var iframe = document.getElementById('dashboard'); 
        iframe.src='XXXX.php';
        }

        refreshIframe();
    </script>

实际的 iframe 如下所示:

<iframe id="dashboard" width="100%" height="1250" src="XXXX.php" frameborder="0" style="border:0; padding:0; margin:0" allowfullscreen></iframe>

我已经设法刷新页面(仅内容)，但目前我不知道从哪里开始刷新多个页面。

例如，我有 page1.php、page2.php 和 page3.php，我希望在加载页面将是 page1.php，每次刷新后 1-2-3-1-2-3-1-2-3 .... 连续

我们将不胜感激任何建议、样本、移动位置以实现这一目标。

谢谢

附言- v1

我可以假设，那应该为一个变量分配一个链接，然后将这个变量放入数组中并滚动浏览它们？？？ - 这是一个想法，我不是 100% 确定如何去做。

Answer 1

将页面放入数组 pages 和一个计数器 count 中，随着 iframe 的每次 src 更改而增加。代码将是这样的:

var timer,
        pages = ["abc.php", "cde.php", "xyz.php"],
        count = pages.length,
        i = 1;
function refreshIframe() {
    if (timer)
        clearInterval(timer)
    timer = setTimeout(refreshIframe, 60000)
    var iframe = document.getElementById('dashboard');
    iframe.src = pages[(i - 1) % count];
    i++;
}

refreshIframe();