Javascript 如何在iFrame中加载第二页之前显示一段时间的div

我有一个名为ADD的div。通过这个按钮，我想在iframe中加载第二个页面。问题是如何在以秒加载第二页之前显示加载div 4秒？我写了一些代码，但代码工作不正常

以下是我的片段：

$（文档）.ready（函数（）{
$（“.adding”）。单击（函数（e）{
e、 预防默认值（）；
$（'someFrame'）.html（'LOADING…'）；
setTimeout（函数（）{
$（“#someFrame”）.attr（“src”），$（this.attr（“href”）；
}, 3000);
})
});


$（文档）.ready（函数（）{
$（“.adding”）。单击（函数（e）{
e、 预防默认值（）；
$（'iframeplace'）.html（'LOADING…'）；
setTimeout（函数（）{
$（“#iframeplace”）.html（“”）；
}, 3000);
})
});
无法直接访问iframe内容

像这样使用它

$(document).ready(function() {
  $(".adding").click(function(e) {
    e.preventDefault();
    var src = $(this).attr("href");
    $("#someFrame").contents().find("body").html('<span class="loading">LOADING...</span>');
    setTimeout(function() {
      $("#someFrame").attr("src", src);
    }, 3000);

    })
});

$（文档）.ready（函数（）{
$（“.adding”）。单击（函数（e）{
e、 预防默认值（）；
var src=$（this.attr（“href”）；
$（“#someFrame”）.contents（）.find（“body”）.html（'LOADING…'）；
setTimeout（函数（）{
$（“#someFrame”）.attr（“src”，src）；
}, 3000);
})
});

$（文档）.ready（函数（）{
$（“.adding”）。单击（函数（e）{
e、 预防默认值（）；
$（'#someFrame'）.css（“背景图像”，“url”（）http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif')");
setTimeout（函数（）{
$（'someFrame'）.css（“背景图像”，“无”）；
$（“#someFrame”）.attr（“src”），$（this.attr（“href”）；
}, 1000);
})
});
span{
z指数：999；
颜色：黑色；
}
#某个框架{
背景位置：中心；
背景尺寸：50px；
背景重复：无重复；
}