在两个iframe之间切换的时间间隔不同

-1

我在下面使用了这个脚本。它工作正常。但我希望能够为iframe A设置特定的时间间隔，为iframe B设置另一个时间间隔，为iframe C设置另一个时间间隔。为什么？ 例如：因为我有第一个10秒的演示，第二个演示10分钟，第三个演示15秒。在两个iframe之间切换的时间间隔不同

<iframe id="myiframe" src="http://gemus.novohamburgo.rs.gov.br" 
frameborder="0"></iframe> 
<script> 
var urls = [ 
'http://www.gmail.com', 
'http://saude.novohamburgo.rs.gov.br', 
'http://www.yahoo.com', 
]; 

setInterval(function() { 
    var rand = Math.floor(Math.random()*urls.length); 
    document.getElementById('myiframe').src = urls[rand]; 
}, 15000); 
</script> 

<style> 
iframe { 
    width: 1600px; 
    height: 1080px; 
} 
</style>

来源

2017-05-08 Fran M.W.

这里是现场演示：

我做了小班（漂亮的数据结构）

ROOT.urls和ROOT.intervals必须有相同的长度。

固定代码段

<script> 
 

 

 
function CLASS_SWITCHING_IFRAME() { 
 

 
\t  var ROOT = this; 
 

 
\t  ROOT.urls = [ 
 
    
 
\t  'https://maximumroulette.com', 
 
\t  'https://saude.novohamburgo.rs.gov.br', 
 
    
 
\t  ]; 
 

 
\t  ROOT.intervals = [ 
 
\t  8000, 
 
\t  8000 
 
\t  ]; 
 

 
\t  ROOT.current = 0; 
 

 
\t  } 
 

 

 
\t  var MAKEINSTANCE = new CLASS_SWITCHING_IFRAME(); 
 

 

 

 
\t \t function CALL_ME() { 
 

 
\t \t \t \t var TIMER_INSTANCE = setTimeout(function(){ 
 

 
\t \t \t \t MAKEINSTANCE.current++; 
 
\t \t \t \t if (typeof MAKEINSTANCE.urls[MAKEINSTANCE.current] != 'undefined') { 
 

 
\t \t \t \t document.getElementById('myiframe').src = MAKEINSTANCE.urls[MAKEINSTANCE.current]; 
 

 
\t \t \t \t } 
 
\t \t \t \t else 
 
\t \t \t \t { 
 
\t \t \t \t \t 
 
\t \t \t \t MAKEINSTANCE.current = -1; 
 

 
\t \t \t  } 
 
        
 
\t \t \t \t 
 
\t \t \t \t CALL_ME() 
 

 
\t \t \t \t } , MAKEINSTANCE.intervals[MAKEINSTANCE.current]); 
 
\t \t \t \t 
 
\t \t \t \t 
 

 
\t \t \t } 
 
\t \t \t 
 
\t \t \t 
 
\t \t \t CALL_ME(); 
 
</script> 
 

 
<iframe id="myiframe" src="https://maximumroulette.com" style="background:black;" />

来源

2017-05-08 13:35:38

这不是你的例子切换的I帧。 iframe始终是相同的。你能解决它吗？ –

我已经使用一个iframe，你只需要添加随机逻辑。 –

尝试是这样的：

<style> 
iframe { 
    width: 1600px; 
    height: 1080px; 
} 

.hidden { 
    display: none; 
} 
</style> 

<iframe id="myiframe1" src="https://de.wikipedia.org/wiki/Website" frameborder="0"></iframe> 
<iframe id="myiframe2" src="http://tomsfabian.ch" frameborder="0"></iframe> 
<iframe id="myiframe3" src="http://gemus.novohamburgo.rs.gov.br" frameborder="0"></iframe> 

<script> 
$(document).ready(function() { 
//Hide all iframes, expect the first one 
$('#myiframe2').addClass('hidden'); 
$('#myiframe3').addClass('hidden'); 

    window.setTimeout(function() { 
     $('#myiframe1').addClass('hidden'); 
     $('#myiframe2').removeClass('hidden'); 
     window.setTimeout(function() { 
      $('#myiframe2').addClass('hidden'); 
      $('#myiframe3').removeClass('hidden'); 
     }, 5000); //After 5 Seconds, change to myiframe2 
    }, 3000); //After 3 Seconds, change to myiframe2 

}); 
</script>

来源

2017-05-08 13:52:36

在两个iframe之间切换的时间间隔不同

回答

相关问题