javascript — отображение веб-страниц каждые несколько секунд, для веб-страниц, которые не могут загружаться во фрейме?

Question

javascript — отображение веб-страниц каждые несколько секунд, для веб-страниц, которые не могут загружаться во фрейме?

Я хочу создать веб-страницу для отображения продуктов Amazon (киоск-подобный дисплей), и цель состоит в том, чтобы переходить на следующий продукт каждые несколько секунд. Страницы Amazon не могут загружаться во фреймах, поэтому, используя php (или любое клиентское / серверное решение), есть ли способ установить таймер для перехода на следующий продукт?
Вот последовательность:

Показать продукт 1 ——> показать продукт 2 —-> показать продукт 3 —-> повторить

Вот простой код, который использует фреймы, но не загружает amazon в фрейм. Следующим моим шагом было добавить таймер, но сначала мне нужно выяснить, как я могу показать страницы Amazon таким образом, чтобы я мог перейти к следующей через несколько секунд. По сути, проблема в том, что без фреймов можно настроить таймер (на стороне сервера или на стороне клиента) для перенаправления страницы на следующий продукт?

<!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

frame iframe javascript php redirect

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Метод кодирования (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>

Метод расширения браузера:

Я нашел расширение Chrome с именем Гриль URL Ротатор что делает вращение, может установить время для каждой страницы в секундах. В основном вы будете указывать набор (url, time) кортежей, и он будет вращаться по этим URL в течение указанного времени. Я также нашел еще несколько, но на данный момент это хорошо работает для демонстрации. Я также нашел одну, которая будет вращаться между вкладками и имела намного больше функций, таких как указание случайного времени и т. Д. Но моей главной целью было показать страницу только на одной вкладке.

0