延迟iframe显示，直到加载新的iframe

Question

我有一个iframe，我想在7秒后更改它的源URL。问题出现的时候，有一段时间，iframe内容会在加载新的源URL时消失。

这是我的iframe：

<iframe src="http://someurl1.com" width="875" height="550" frameborder="0" id="anim"></iframe>

这是我目前用来更改src的代码：

    jQuery(document).ready(function () {
        setTimeout(function(){ 
            document.getElementById("anim").src = 'http://someurl2.com';
        }, 7000);       
    });

理想情况下，我希望将fadeout / in用于新的URL，但我很乐意开始获取它，以便第二个URL加载时没有空格！

Answer 1

你可以做的是使用第二个IFrame。 7秒后，您加载第二个IFrame。在第二个IFrame的onload事件中，隐藏第一个IFrame并显示第二个IFrame。

这是一个解决方法，但它应该做你需要的。