Мне было интересно, возможно ли создать сайт с iframe и некоторым кодом jquery, который меняет содержимое iframe каждые 30 секунд.Контент находится на разных веб-страницах.
Примерно так:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var array = new array(); array[0] = 'http://webPage1.com'; array[1] = 'http://webPage2.com'; // And so on. // Do something here to change the iframe every 30 second }); </script> </head> <body> <iframe id="frame"></iframe> </body> </html>
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var locations = ["http://webPage1.com", "http://webPage2.com"]; var len = locations.length; var iframe = $('#frame'); var i = 0; setInterval(function () { iframe.attr('src', locations[++i % len]); }, 30000); }); </script> </head> <body> <iframe id="frame"></iframe> </body> </html>
Если вы просто хотите изменить, куда указывает iframe, а не на фактическое содержимое внутри iframe, вам просто нужно изменить атрибут src.
src
$("#myiframe").attr("src", "newwebpage.html");
var handle = setInterval(changeIframe, 30000); var sites = ["google.com", "yahoo.com"]; var index = 0; function changeIframe() { $('#frame')[0].src = sites[index++]; index = index >= sites.length ? 0 : index; }