php包含“x”秒后的页面

时间:2016-01-26 17:48:28

标签: php html

下面给出了一个代码

header("refresh: 5; url=title.php");

我们都知道简单的代码。但我需要一个代码,在5秒后会包含一个页面。

<?php include 'title.php':?> 

此代码将在5秒后和之前的链接中隐藏

3 个答案:

答案 0 :(得分:3)

不要在5秒后包含内容&#34;。在服务器端代码中添加延迟只会延迟整个页面的呈现,这可能不是您想要的。相反,立即包含它,但将其设计为隐藏。简单的事情:

<div id="pageTitle" style="display:none">
    <?php include 'title.php'; ?>
</div>

然后在客户端代码中,等待5秒钟并更新样式。也许是这样的:

setTimeout(function () {
    document.getElementById('pageTitle').style.display = 'block';
}, 5000);

答案 1 :(得分:1)

您正在尝试在客户端执行某些操作,但您尝试使用服务器端代码执行此操作。它适用于Javascript&amp; jquery而不是PHP。您可以通过以下方式获得所需内容:


    $(document).ready(function() {
        setTimeout(function() {
        $("#whereToIncludeDiv").load("include.php");
        $("#link").addClass("hide");
      }, 5000);
    });

修改

以下是完整代码:

的index.php

<p>Some text</p>
<div id="includeDiv"></div>
<p>More text</p>

<script>
$(document).ready(function() {
    (function() {
        $("#includeDiv").load("includethis.php");
        $("#link").addClass("hide");
    }, 5000);
});

includethis.php

<p>This is included text</p>

编辑2:

以下是此处使用的完整代码

index.php(当然,由于.load,如果点击运行代码片段,代码段就不起作用了,但是由于某些奇怪的原因我无法在代码块中获取所有内容,所以这是最简单的解决方案)

<html>

<head>
  <title>Including PHP after x seconds</title>
  <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
</head>

<body>
  <p>Some text</p>
  <div id="includeDiv"></div>
  <p>More text</p>

  <script>
    $(document).ready(function() {
      (function() {
        $("#includeDiv").load("includethis.php");
        $("#link").addClass("hide");
      }, 5000);
    });
  </script>
</body>

</html>

includethis.php

<p>This is included text</p>

编辑3:

要隐藏其中一个paragraphes,请使用以下命令:

<p id="hideme">Some text</p>
<div id="includeDiv"></div>
<p>More text</p>

<script>
$(document).ready(function() {
    setTimeout(function() {
        $("#includeDiv").load("includethis.php");
        $("#hideme").css("display", "none");
    }, 5000);
});
</script>

答案 2 :(得分:0)

在页面中包含隐身,然后在5秒后显示。

 <div id="show-later" class="hidden">
     <?php include 'title.php':?> 
 </div>
 <script>
 setTimeout(function() {
     document.querySelector('#show-later').classList.remove('hidden');
 }, 5000);
 </script>