自动旋转内容答案

【问题标题】：Automatically rotate through content自动旋转内容
【发布时间】：2011-08-09 01:24:53
【问题描述】：

我有 7 个可以通过网站访问的图表。我想开发我自己的 Web 应用程序，自动循环浏览这些图表，这样我就可以在一个巨大的显示器上显示它们。

我希望该功能类似于图像轮播，但它适用于网页而不是图像。我有哪些选择？一个jQuery插件？ AJAX 和 iframe？请记住，我希望数据在显示时处于实时状态。

【问题讨论】：

网站幻灯片演示？
这些都是独立的网站还是同一网站中的页面？
它们都是同一个网站中的页面。请记住，它们是大页面，初始加载需要几秒钟，刷新需要几秒钟。
最后，“自动”是什么意思？基于计时器...还是基于播放控制？
两者都有。我希望它每 30 秒旋转一次，但可能具有启动/停止按钮以及下一个/上一个按钮的功能。

标签： javascript jquery ajax iframe

【解决方案1】：

您可以使用 javascript 和带有简单计时器的 Frame 来加载它。

不需要复杂的，

在标题框架集中添加：

<script language="JavaScript">
var toShow;
var URL = new Array ('http://www.google.com','www.yahoo.com','www.bit.ly');

function setupTimer() {
   toShow = 0;
   loadNext();
   var t=setTimeout("loadNext()", 3000);
}
function loadNext(){
    parent.reportframe.location=URL[toShow];
    toShow++;
    if (toShow>3) toShow = 0;
}
</script>

<body onLoad="setupTimer()">

然后它会继续重新加载帧。

我只是写了这个，没有测试它，如果你需要更多帮助，请告诉我。

【讨论】：

顺便说一句，我真的很喜欢你的想法，如果 Joseph 回答的更好，我可能不得不使用它 :) 我使用 nagios 来监控一些服务器，实际上使用它会很好，在我们用来监控盒子的计算机上。

【解决方案2】：

http://jsfiddle.net/5dazE/5/show

这是一个基本的幻灯片。您可以添加或删除站点，然后按播放。它将每 30 秒旋转一次。代码可以在这里：http://jsfiddle.net/5dazE/5

它可能需要更多的工作，但我同意@nycynik。这是个好主意。

【讨论】：