2016-05-17 27 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上旋轉。我還發現了更多,但是現在這可以很好地用於顯示目的。我還發現了一個可以在選項卡之間旋轉的功能,並且具有更多功能,例如指定隨機時間等。但我的主要目的是僅在一個選項卡中顯示頁面。