2016-05-17 16 views
0

我想创建一个网页来显示亚马逊产品(亭式显示器),目标是每隔几秒更换一个产品。亚马逊网页无法加载框架,所以使用PHP(或任何客户端/服务器端解决方案)是否有办法设置一个计时器以更改为下一个产品?
这里是序列:每隔几秒显示一次网页,无法加载到网页中的网页?

显示需要的产品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> 
+0

这是永远不会工作..时间为计划B – 2016-05-17 22:43:53

+0

@Dagon哦不!这就是我所害怕的。计划B的任何提示?铬扩展可能? – apadana

+0

除了违反amazons服务条款,我不知道你想做什么,所以不能真正说。 – 2016-05-17 22:47:41

回答

0

编码方法(JavaScript和弹出窗口):

我能够用一个弹出窗口,而不是框架做到这一点。基本上你需要做的是打开一个弹出窗口并控制通过父页面弹出的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上旋转。我还发现了更多,但是现在这可以很好地用于显示目的。我还发现了一个可以在选项卡之间旋转的功能,并且具有更多功能,例如指定随机时间等。但我的主要目的是仅在一个选项卡中显示页面。