2016-04-10 10 views
0
Web sitemde 4 kanal yapmak istiyorum, ama ikinci ikinci kanal başlatmak otomatik ve 5 sonraki ilk kanal için başlangıç ​​yapmak istiyoruz

bir iframe ... vbStart & Stop php

kodu

Bu kod çalışmıyor

window.addEventListener("load", function() { 
 
\t 
 
var interval = setInterval(function() { 
 
iframes[++n].src = urls[n - 1]; 
 
iframe[n].style.display = "block"; 
 
console.log(n); 
 
if (n === iframes.length -1) 
 
{ 
 
\t clearInterval(interval); console.log("all iframes loaded") 
 
\t } 
 
\t }, 
 
5000) 
 
})
.channel1, .channel2, .channel3{ 
 
\t \t display:none; 
 
\t \t }
<html> 
 
    <head> 
 
    <script type="text/javascript" src="js.js"></script> 
 
    <link rel="stylesheet" href="css.css"> 
 
    </head> 
 
<body> 
 
    
 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U?autoplay=1" frameborder="0" allowfullscreen></iframe> 
 
<iframe class="channel1" width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U?autoplay=1" frameborder="0" allowfullscreen></iframe> 
 
<iframe class="channel2" width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U" frameborder="0" allowfullscreen></iframe> 
 
<iframe class="channel3" width="560" height="315" src="https://www.youtube.com/embed/BqPmcSGgs3U" frameborder="0" allowfullscreen></iframe> 
 
</body> 
 

 
</html>

kod, ben komütatör konuşmak dinlemek ancak Kanal neden göremiyorum?

+0

Eğer 'iframe' her beş saniyede' src' değiştirmek demek musunuz? – guest271314

+0

@ guest271314 Hayır, 4 iframe istiyorum, ilk iframe otomatik olarak başlayacak ve 5 saniye sonra ikinci kanal başlatılacaktır .... etc – Saad

+0

Evet, 'iframe' 2-4 'src'' '' '' html'de, beş saniyelik artışlarla her bir iframe '2-4 'src' yi – guest271314

cevap

1

Sen iframe unsurları boş bir dizeye 1-4 src ayarlanmış tüm iframe elemanları src kümesine sahip kadar bir dizi içinde bir url her beş saniyede her iframe 1-4 src ayarlamak için setInterval yararlanabilirler.

window.addEventListener("load", function() { 
 

 
var urls = ["data:text/plain,b", "data:text/plain,c", "data:text/plain,d"]; 
 

 
var iframes = document.querySelectorAll("iframe"); 
 

 
var n = 0; 
 

 
var interval = setInterval(function() { 
 
    
 
    iframes[++n].src = urls[n - 1]; 
 
    console.log(n); 
 
    if (n === iframes.length -1) { 
 
    clearInterval(interval); 
 
    console.log("all iframes loaded") 
 
    } 
 
    
 
}, 5000) 
 

 
})
<iframe src="data:text/plain,a"></iframe> 
 
<iframe src=""></iframe> 
 
<iframe src=""></iframe> 
 
<iframe src=""></iframe>

+0

Bunu yapıyorum ama kanal başlatılamıyor mu? : '( – Saad

+0

Ve thaht gözüktü ama saniye sonra kanal gizlemek ve göstermek b, c, d? Kanalın src nerede? – Saad

+0

@Saad _ "Kanalın src nerede i?" bir dizideki her bir iframe'de ayarlanması gereken url: stacksnippets'de 'urls' konusuna bakın. – guest271314