使用 JavaScript 自动导航到一组页面列表

Question

我创建了一个显示每个环境状态实时信息的仪表板。

因为这将在大显示器上显示，所以我希望它能在一组页面列表之间自动切换，最好是在 JavaScript 数组中。

例如

["page1.html", "page2.html", "page3.html", "page4.html", ... ]

当我在第 1 页时，我希望它在几分钟后加载第 2 页。在第 2 页上几分钟后，我希望它加载第 3 页等...

我知道如何进行实际的页面切换，但我无法弄清楚如何让页面使用数组中的下一个条目。

Answer 1

最简单方便的方法是拥有或创建一个 <iframe> 元素（分别是一个新的 window 实例）并从您的父站点远程访问该文档。

假设我们有一个 <iframe>，我们通过 Javascript 以类似

的方式访问它

var iframe = document.getElementById('myiframe'),
    pages  = ["page1.html", "page2.html", "page3.html", "page4.html" ];

iframe.src = pages[ 0 ];

你剩下要做的就是使用 setTimeout 左右来实现一个 Timer-loop 来遍历数组条目。