使用 php 启动和停止 iframe答案

【问题标题】：Start & Stop a iframe with php使用 php 启动和停止 iframe
【发布时间】：2016-07-31 16:32:49
【问题描述】：

我想在我的网站上制作 4 个频道，但我想自动启动第一个频道，并在 5 秒后启动第二个频道……等等

频道代码

代码

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

.channel1, .channel2, .channel3{
		display:none;
		}

<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>

这段代码不起作用，我可以听到换向器的谈话，但我看不到频道，为什么？

【问题讨论】：

您的意思是每五秒更改一次iframe 的src？
@guest271314 不，我有 4 个我想要的 iframe，自动开始第一个 iframe，5 秒后第二个频道开始......等等
是的，可以在html 处将初始iframe 2-4 src 设置为""，以5 秒的增量将每个iframe 2-4 src 设置为url跨度>
我怎样才能做到这一点？能给个网站解释一下或者代码吗？
你可以使用setInterval，看帖子

标签： javascript php html css iframe

【解决方案1】：

您可以将iframe 元素1-4 src 设置为空字符串，利用setInterval 将每个iframe 1-4 的src 设置为每五秒一个数组中的一个url，直到所有@987654326 @ 元素有 src 集。

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>

【讨论】：

我做了这个但是频道没有启动？ :'(
并附上了，但几秒钟后频道隐藏并显示 b、c、d ？我在哪里制作频道的 src ？
@Saad "我在哪里制作频道的src？" 您可以将应该在每个iframe 设置的url 放在一个数组中；请参阅 stacksn-ps 上的 urls。
我在 src iframe 中创建了我们的 url，此时所有的东西都是正确的，但几秒钟后，频道被隐藏并在页面中显示 b、c、d ？为什么？
@Saad 没有关注。 stacksn-ps 中urls 中的项目例如用于演示过程；它们可以替换为您要在iframe 元素处设置为src 的项目的实际网址