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

Delay iframe display until new iframe is loaded

本文关键字：iframe 加载 显示 延迟      更新时间：2023-09-26

我有一个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);       
    });

理想情况下，我想让它为新的URL淡出/进入，但我很乐意从获得它开始，这样在加载第二个URL时就没有空格了！

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

这是一个变通办法，但它应该满足你的需要。

相关文章：