Javascript iframe用于网页前的介绍启动消息时间间隔

Javascript iframe用于网页前的介绍启动消息时间间隔,javascript,php,jquery,html,iframe,Javascript,Php,Jquery,Html,Iframe,嗨,我想创建一个简单的启动屏幕横幅与Iframe和消息显示一秒钟或两秒钟之前,主网页内容加载 这就是我目前的情况: //greetings iframe echo '<iframe scrolling="auto" allowtransparency="true" name="maingreet" id="maingreet" style="width:100%;height:90%;"><img src="../images/greetings.jpg

嗨,我想创建一个简单的启动屏幕横幅与Iframe和消息显示一秒钟或两秒钟之前,主网页内容加载

这就是我目前的情况:

    //greetings iframe
        echo '<iframe scrolling="auto" allowtransparency="true" name="maingreet" id="maingreet" style="width:100%;height:90%;"><img src="../images/greetings.jpg" width="100%" height="100%"/></iframe>
            <script>setTimeout(function(){document.getElementById("maingreet").innerHTML="";},1500);</script>';

//main web page starts here
    include_once("../xxx/_header.php");

    include("../xxx/_fx_cats.php");
    include '_arch.php';
    ...
//iframe
回声'
setTimeout(函数(){document.getElementById(“maingreet”).innerHTML=“”;},1500);”;
//主网页从这里开始
包括_once(“../xxx/_header.php”);
包括(“../xxx/_fx_cats.php”);
包括“_arch.php”;
...

我不知道如何/在何处放置javascript设置超时函数,以及如何重定向到主网页部分

将问候语iframe放入一个div('splash'),并将主站点包装到另一个div('container')中,并显示
display:none
。然后是:

$(document).ready(function() {
   $('#splash').delay(2000).fadeOut('slow');
      $('#container').delay(2000).fadeIn('slow');
 });
改变数字以适应你的时间