どのようにiframeを5秒ごとにランダムページに移動させますか

Question

iframeに関するヘルプが必要です。これまでのところ、私は

<iframe height="300px" width="100%" src="/vite" name="iframe_a"></iframe> 
 

 
<button><a href="/multi" target="iframe_a">MULTI</a></button> 
 
<button><a href="/facebook" target="iframe_a">Facebook</a></button>

をこのコードを設定している

しかし、私はボタンを望んでいません。 次に、スライドショーがあり、そのロゴが表示されたら、そのフレームがロゴのあるページにリダイレクトされるようにしたいのですが、これは5秒ごとにWebページのリストの順番でリダイレクトされます。を示しています。

例：

Facebookのロゴ>のhref = "/ Facebookの"
[5秒後]
ヴィーテロゴ>のhref = "/ヴィーテ"
[5秒後]
MULTIロゴ>のhref = "/マルチ"

私は既にスライドショーの設定をしており、フレームを要求しています。

おかげであなたはこのような何かを試すことができ

Answer 1

をのヒープ。注意：あなたはいくつかのコードを持ってお使いのウェブサイトが正しいIFRAMEと原点のヘッダーを含める必要があります（または親サイトと同じドメインから提供され）、あなたのiframe内に表示する

//Array of URLs for the iframe to cycle through 
 
var websites=["https://wikipedia.org","https://stackoverflow.com","https://stackoverflow.com/questions/44497495/how-do-i-make-an-iframe-go-to-a-random-page-every-5-secounds#"], 
 
//Variable to hold the iframe node reference 
 
iframe, 
 
//Time to show each website in milliseconds 
 
INTERVAL=5000, 
 
//Variable to keep track of currentSlide being shown 
 
currentSlide=-1; 
 

 
//Method to update the SRC attribute of iframe 
 
function switchSlides(){ 
 
    currentSlide = (currentSlide+1)%websites.length; 
 
    iframe.src = websites[currentSlide]; 
 
} 
 

 
//Wait for document to load 
 
window.onload=function(){ 
 
    //Get iframe reference 
 
    iframe = document.getElementById("slides"); 
 
    //Use setInterval to set up repeating task of switching slides 
 
    setInterval(switchSlides,INTERVAL) 
 
}

<iframe id="slides" height="300px" width="100%" name="iframe_a"></iframe>