下面给出了一个代码
header("refresh: 5; url=title.php");
我们都知道简单的代码。但我需要一个代码,在5秒后会包含一个页面。
<?php include 'title.php':?>
此代码将在5秒后和之前的链接中隐藏
答案 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>