在延遲後加載iFrame的源碼

我在Wordpress頁面上有兩個iFrames，每10秒自動刷新一次，並且我想抵消它們刷新5秒的時間。我提出了在頁面加載時加載一個iframe的想法，並且在延遲5秒後加載第二個iframe。在延遲後加載iFrame的源碼

到目前爲止，下面的代碼等待5秒到display第二個iframe，但它們最終仍然同時刷新。

我一直在這一整天工作，我覺得我錯過了一件非常簡單的事情。

<iframe width="100%" id="delayFrame" src="http://example.com"></iframe>

這裏是jQuery的：

jQuery(function($){ 
jQuery("#delayFrame").slideUp(300).delay(5000).fadeIn(400); });

這裏是一個I幀使用刷新代碼，位於源文件本身：

<script type="text/javascript"> 
$(document).ready(function() { 
    var refreshId = setInterval(function() { 
    var fadeInData = function fadeInData() { $("#responsecontainer").fadeIn(); } 
    var delaydata = function delayData(){$("responsecontainer").delay('5000');} 
    var loadData = function loadData() { $("#responsecontainer").load('display.php', fadeInData); } 
    $("#responsecontainer").fadeOut(loadData); 
    }, 10000); 
$.ajaxSetup({ cache: false }); 


});

來源

2017-05-18 Patrick47

我能夠用一些幫助來解決這個問題，所以我正在回答我自己的問題。

如果iframe文件在文件內部具有.setTimeout函數，則文件本身需要在與頁面其餘部分不同的時間加載，最簡單的方法是切換源文件iframe。

下面是HTML：

<IFRAME id="delayFrame" src="" width="100%" height="500 style="display:none;"> 
</IFRAME>

而jQuery的：

jQuery(function($){ 
setTimeout(
    function() 
    { 
    jQuery('#delayFrame').css("display", "block"); 
    jQuery('#delayFrame').attr('src','http://example.com'); 
    }, 5000); 
});

現在從「無」的顯示樣式切換到「塊」在5秒後，然後的IFRAME改變來源，所以.ifTimeout 裏面的 iFrame是從頭開始的。

來源

2017-05-22 14:21:54 Patrick47

在延遲後加載iFrame的源碼

回答

相關問題