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

Question

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

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

例如。

[“page1.html”，“page2.html”，“page3.html”，“page4.html”，...]

当我在 page1 上时，我希望它在几分钟后加载 page2。在 page2 上几分钟后，我希望它加载 page3 等...

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

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 实现定时器循环左右迭代数组条目。