每隔几秒显示一次网页，对于无法在框架中加载的网页？

Question

我想创建一个网页来显示亚马逊产品（类似信息亭的显示），目标是每隔几秒切换到下一个产品。 Amazon 页面无法在框架中加载，因此使用 php（或任何客户端 side/server 端解决方案）是否可以设置计时器以切换到下一个产品？
这是顺序：

显示产品 1 -----> 显示产品 2 ----> 显示产品 3 ----> 重复

这是一个使用框架的简单代码，但它不会在框架中加载亚马逊。我的下一步是添加计时器，但首先我需要弄清楚如何以一种可以在几秒钟后移动到下一个页面的方式显示亚马逊页面。基本上问题是，如果没有框架，我如何设置计时器（服务器端或客户端）将页面重定向到下一个产品？

<!DOCTYPE html>
<html>
<body>
<iframe width="500" height="400" id="myFrame" src="http://www.amazon.com"></iframe>

<p>Click the button to change the value of the src attribute in the iframe.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    document.getElementById("myFrame").src = "http://www.amazon.com";
}
</script>

</body>
</html>

Answer 1

编码方式(javascript和popupwindow):

我能够通过弹出 window 而不是框架来做到这一点。基本上您需要做的是打开一个弹出窗口并通过父页面控制该弹出窗口的 url。这是解决方案的示例代码：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type='text/javascript'>   
window.setInterval(function(){
  process();
}, 15000);

arr = ['http://www.amazon.com/Apple-AirPort-Express-Station-MC414LL/dp/B008ALA2RC', 
       'http://www.amazon.com/dp/B0087NZ31S'
      ];

var popup = window.open('http://www.amazon.com','rotator');

i = 0;
function process(){
      i++;
      index =i%arr.length;
      popup.location.href=arr[index];
}   
</script>

</body>
</html>

浏览器扩展方法：

我找到了一个名为 Rotisserie URL Rotator 的 chrome 扩展程序，它可以进行旋转，可以为每个页面设置一个时间（以秒为单位）。基本上，您将指定一组 (url, time) 元组，它将在这些 url 上轮换指定的时间。我还发现了一些，但现在这对显示目的来说效果很好。我还找到了一个可以在选项卡之间轮换并具有更多功能（例如指定随机时间等）的功能。但我的主要目的是仅在一个选项卡中显示页面。

每隔几秒显示一次网页，对于无法在框架中加载的网页？

displaying webpages every few seconds, for webpages that can't load in a frame?

javascript

php

iframe

redirect

frame