javascript автоматическое изменение ссылки на страницу в л oop со временем до следующей перезагрузки

Question

Я хочу изменить ссылку после 30se c.

Пример. У меня есть массив, содержащий 4 веб-сайта, которые -

var links = ["www.facebook.com", "www.youtube.com", "www.twitter.com", "www.linkedin.com"];

Теперь я хочу открыть facebook, затем youtube, затем twitter, затем веб-сайт Linkedin с интервалом 30 секунд c в том же окне.

Заранее благодарю

Answer 1

Когда вы переходите к своей первой ссылке, контекст страницы теряется, как и любой установленный вами setInterval.

Это невозможно, если вы не используете расширение, которое будет работать в отдельном контексте .

Answer 2

Вы можете использовать iframes, чтобы сделать это следующим образом -

var links = ["www.facebook.com", "www.youtube.com", "www.twitter.com", "www.linkedin.com"];

let index=0;
setInterval(() => {
  console.log(links[index]);
  document.getElementById('iframe').src = links[index];
  index=(index+1)%4;
},30000);

<iframe id='iframe' src="https://www.webpagetest.org/" style="width: 400px; height: 200px;"></iframe>

Хотя приведенный выше код циклически перемещается по списку веб-сайтов, он не получает ничего для отображения. Однако Youtube, Google и подобные веб-сайты не разрешают использовать фреймы на своих сайтах. Они блокируют фреймы, чтобы показать свой веб-сайт. Я не думаю, что есть другой простой способ сделать это, поскольку после перенаправления пользователя вы не сможете перенаправить его с веб-сайта, на который перенаправили.