я пробовал следующий код, но он может меняться по щелчку, я хочу изменить внутреннюю часть iframe после каждых 5 секундного интервала.
<html> <body> <iframe id="foo"></iframe> <a href="http://www.mydomain.com" target="foo">This page</a> </body> </html> в основном идея заключается в том, что у меня есть страницы, которые будут отображаться внутри iframe, эти 5 веб-страниц будут меняться за другим через каждые 5 секунд.
благодаря
Основываясь на ответе @Matthew Dean:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Fouad Ali</title> <script> var links = ["http://www.example.com/page","http://www.example.com/anotherpage"]; var i = 0; var renew = setInterval(function(){ document.getElementById("foo").src = links[i]; if(links.length == i){ i = 0; } else i++; },5000); </script> </head> <body> <iframe id="foo" src="http://example.com"></iframe> </body> </html>
Важно: не все сайты могут использоваться в пределах iframe. Убедитесь, что веб-сайт, который вы помещаете в массив links можно использовать внутри iframe.
Это сделает это:
var urls = ["http://www.google.com", "http://www.example.com"]; var i = 0; function changeSrc() { if (urls.length > i) { document.getElementById("foo").src = urls[i]; i++; setTimeout(function() { changeSrc(); }, 5000); } } changeSrc();