我想制作类似于PHP中的加载器，因此我使用了以下代码：
<?php
$x=1;
while($x<=100) {
echo "Loading: $x %<br>";
$x++;
}
?>
我希望它能够从“加载1％”显示到“加载100％”。但这将导致所有内容一次性出现，新行出现后不会消失。因此，我想知道如何使新行出现并且旧行消失，并且在页面加载后开始，这样用户就可以观看加载器实际从1％到100％加载的过程。
更新：我知道我应该使用JS和/或Ajax来实现它，我只是想知道是否也有一种方法可以使用PHP来做到这一点：）
PHP是一种服务器端语言，它根据请求给出响应。
你无法像想象中的那样操作DOM。
为此，你应该使用JavaScript和AJAX根据PHP的结果更改DOM元素。
跟进长时间运行的任务是常见的，但第一次实现并不容易。以下是一个完整的示例。
（在 Sellermania 的产品中的一个长时间运行任务示例）
假设您当前有以下任务，并希望向访问者显示进度条。
PHP task.php
<?php
$total_stuffs = 200;
$current_stuff = 0;
while ($current_stuff < $total_stuffs) {
$progress = round($current_stuff * 100 / $total_stuffs, 2);
// ... some stuff
sleep(1);
$current_stuff++;
}
您的美丽界面如下所示:
HTML ui.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>My Task!</title>
</head>
<body>
<a id="run_task" href="#">Run task</a>
<div id="task_progress">Progression: <span id="task_progress_pct">XX</span>%
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$('#run_task').click(function(e) {
e.preventDefault();
$.get('task-launch.php');
});
</script>
</body>
</html>
为了使演示有效，我们需要将任务在后台启动。因此，当单击“运行”时，将异步调用此PHP脚本，并在后台执行上述任务。
PHP task-launch.php
<?php
// launches the task in background
// see https://dev59.com/jmjWa4cB1Zd3GeqPoj7-#12341511 for details about the arguments
exec("/usr/bin/php task.php > /dev/null 2>&1 &");
这里有三个问题：
通过多次点击运行按钮，您可以运行任务多次，如何避免同时在后台运行多个任务？
由于任务在服务器端运行，因此我们需要做一些事情来访问服务器并请求进度信息。
当我们连接到服务器端时，$progress变量无法读取，因为它存储在task.php运行实例的上下文中。
通常，进度信息存储在数据库、文件或其他能够被程序（实际上是您的任务）写入和另一个程序（应该显示进度的 UI）读取的地方。
我开发了一个用于在多个 PHP 应用程序之间共享数据的类 (在这里可用于 Github)，它的工作方式与 stdClass 大致相同，但始终会将其内容安全地同步到文件中。
只需下载 src/Sync.php 并通过以下方式更改上面的 task.php:
PHP task.php
<?php
require("Sync.php");
$total_stuffs = 200;
$current_stuff = 0;
$shared = new Sync("some_file.txt");
$shared->progress = 0;
while ($current_stuff < $total_stuffs) {
$shared->progress = round($current_stuff * 100 / $total_stuffs, 2);
// ... some stuff
sleep(1);
$current_stuff++;
}
// to tell the follower that the task ended
$shared->progress = null;
重要提示：在这里，some_file.txt 是存储您任务共享数据的地方，如果每个用户都有自己的任务，可以使用“task_[user_id].txt”等命名方式。请查看 GitHub 上的自述文件 以优化文件访问。
PHP task-launch.php
<?php
require("Sync.php");
$shared = new Sync("some_file.txt");
if (is_null($shared->progress)) {
exec("/usr/bin/php task.php > /dev/null 2>&1 &");
}
PHP task.php
<?php
require("Sync.php");
$total_stuffs = 200;
$current_stuff = 0;
$shared = new Sync("some_file.txt");
// here is the magic: impossible to set the progression to 0 if an instance is running
// ------------------
$shared->lock();
if (!is_null($shared->progress))
{
$shared->unlock();
exit ;
}
$shared->progress = 0;
$shared->unlock();
// ------------------
while ($current_stuff < $total_stuffs) {
$shared->progress = round($current_stuff * 100 / $total_stuffs, 2);
// ... some stuff
sleep(1);
$current_stuff++;
}
// the task ended, no more progression
$shared->progress = null;
getmypid()和一些time()东西存储在共享变量中，并在任务中添加超时逻辑。
轮询意味着每隔一段时间（例如1秒、5秒或其他时间）向服务器请求进度信息。简而言之，客户端会每 N 秒向服务器询问进度信息。
PHP task-follow.php
<?php
require("Sync.php");
$shared = new Sync("some_file.txt");
if ($shared->progress !== null) {
echo $shared->progress;
} else {
echo "--"; // invalid value that will break polling
}
HTML ui-polling.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>My Task!</title>
</head>
<body>
<a id="run_task" href="#">Run task</a>
<div id="task_progress">Progression: <span id="task_progress_pct">XX</span>%
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript"></script>
</body>
</html>
我还开发了一个jQuery插件domajax，旨在实现“无需JavaScript”的ajax（实际上，插件本身是基于jQuery编写的，但使用它不需要JavaScript代码），通过组合选项，您可以进行轮询。
在我们的演示中：
PHP task-follow.php
<?php
require("Sync.php");
$shared = new Sync("some_file.txt");
if ($shared->progress !== null) {
echo $shared->progress;
}
HTML ui-domajax.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>My Task!</title>
</head>
<body>
<a
href="#"
id="run-task"
class="domajax click"
data-endpoint="task-launch.php"
data-domajax-complete="#polling"
>Run task</a>
<div
id="polling"
data-endpoint="task-follow.php"
data-delay="1000"
data-output-not-empty="#task-progress-pct"
data-domajax-not-empty=""
></div>
<div id="task-progress">Progression: <span id="task-progress-pct">--</span>%
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//domajax.com/js/domajax/jquery.domajax.js"></script>
</body>
</html>
正如您所看到的，在这段代码中没有任何可见的JavaScript代码。很干净，不是吗？
在domajax网站上还有其他示例，请查看演示窗格中的“轻松管理进度条”选项卡。 所有选项都有详细记录。
实际上你并非需要 Javascript 就能完成这个任务。如果你等待的任务是持久性的，你可以简单地创建一个 PHP 脚本来：
你可以使用 HTML meta 刷新实现非 JavaScript 刷新。它可能会像这样：
<?php
$taskId = $_GET("taskId");
$task = lookupTask($taskId);
$refresh = $task->percentComplete < 100;
?>
<html>
<head>
<? if($refresh): ?>
<meta http-equiv="refresh" content="5">
<? else: ?>
<meta http-equiv="refresh" content="0; url=taskComplete?taskId=<?=$taskId ?>" />
<? endif; ?>
</head>
<body>
Loading: <?=$task->percentComplete ?>
</body>
</html>
另一种方法是使用 PHP 的 flush() 方法，这是一种非常丑陋的 hack 方法。Flush 方法将强制输出缓冲区中的内容到正在运行 PHP 的地方（例如 CGI）。有时此输出还会被主机应用程序进一步缓冲，但在某些 Web 服务器上，它会直接发送到用户。在此处阅读更多信息：http://php.net/manual/zh/function.flush.php
您可能需要将其与 ob_flush 结合使用，但我不确定：http://php.net/manual/zh/function.ob-flush.php
使用 CSS，您可以默认隐藏所有“加载”文本，但覆盖最后一个子级的“加载”文本并显示它。例如：
<style type="text/css">
.loadText {
display: none;
}
.loadText:last-child {
display: block;
}
</style>
<?php
for ($x = 0; $x <= 100; $x++) {
echo '<div class="loadText">Loading: ', $x, '%</div>';
flush();
}
?>
这两个解决方案都很糟糕，我只是为了完整性而分享它们 :)
稍微解释一下这里的答案：
PHP是一种服务器端语言，但这不是它通常无法工作的原因。
这与我们通过HTTP协议进行通信的方式有关。
当客户端向服务器发送一个HTTP请求时，首先要建立一个连接。然后服务器处理请求并生成一个响应，然后将其发送回客户端。
一旦接收到响应，连接就断开了。
所以，通常情况下，您会收到一个响应。
一个常见的误解是使用默认启用的 keep-alive 标头用于持久连接可以保持套接字保持打开状态并持续推送内容。 HTTP 实际上不能这样工作，需要在流数据之前进行一些更改。
但是有关此问题的更多信息，请参见这里和这里。
你能做什么？
我可以想到几个选择。
XMLHttpRequest对象来查询服务器，从而有效地创建媒体流。最后，您可能会想阅读这个流行答案，介绍了一些相关技术。
<style> div:not(:last-child) { display:none } </style>
<?php
$x=1;
while($x<=100) {
echo "<div>Loading: $x %</div>";
$x++;
}
?>
<div> 将会在新的出现时被隐藏。GOTO或者延迟等待直到某些事情完成，或者延迟另一轮。哎呀，那将是一个令人讨厌的hack :) - kaiser这个脚本适用于 PHP 5.4 和 Nginx 服务器端，并经过 Firefox 客户端测试。但不兼容 Chrome。
提示
<?php
header('X-Accel-Buffering: no'); // nginx related - turn the output buffer off
header('Content-Encoding: chunked;');
header('Transfer-Encoding', 'chunked');
header('Content-Type', 'text/plain');
header('Connection', 'keep-alive');
function dump_chunk($chunk)
{
printf("%s\r\n", $chunk);
flush();
ob_flush(); // if you comment this out, the chunk updates are slower
}
ob_start();
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>A Chunked Response</title>
<style> div:not(:last-child) { display:none; } </style>
</head>
<body>
<?php
// inital clear all
ob_end_flush(); flush(); ob_flush();
// browser padding
echo str_pad('', 4096) . "\n"; flush(); ob_flush();
for ($i = 0; $i < 1000; $i++) {
usleep(15000);
dump_chunk('<div>Sending data chunk ' . ($i + 1) . ' of 1000 <br /></div>');
}
usleep(10000); // this is needed for the last update
?>
</body>
</html>
我不确定我是否真正理解了你的问题，但是我做了一些通常人们不知道的事情。为了给人以被覆盖的印象，您可以在输出前插入一个CR（回车符“\r”）。我在下面的示例中写下了它：
<?php
$x=1;
while($x<=100) {
echo "\rLoading: $x %";
usleep(10000);
$x++;
}
?>
不行，你需要使用javascript或jquery的帮助才能做到这一点。
如果需要，你可以拥有一个php页面，并返回如下进度：
//yourprogresspage.php
<?php
$x="your progress";
echo "Loading: $x %<br>";
?>
<script>
var repeater;
function updateprogress() {
$.post( "yourprogresspage.php", function( data ) {
$( ".progressdiv" ).html( data );
});
repeater = setTimeout(updateprogress, 1000);
}
updateprogress();
</script>
<html>
<?php
$x=1;
while($x<=100)
{
?>
<div id="count"style="position:absolute;top:10px;left:10px;">
<style>
#count:after
{
content:'<?php echo "Loading: $x % "; ?>';
}
</style>
</div>
<?php
$x++;
sleep(1);
}
?>
</html>
这对我来说很好用
if(!session_id())
session_start();
if($_SESSION['loding']<=100){
echo "Loading:".$_SESSION['loding']++ ."%<br>";
?>
<div style="width:<?echo $_SESSION['loding'];?>px; height:10px; background-color:green;"></div>
<? //the above div content displays a green loader type effect.
header( "refresh:.5; url=loaderinphp.php" );
}
else{
//redirect to another page or code here
}//unset the session $_SESSION['loding'] while calling again for another page load
截图：
(i.e)
echo "1";
usleep(5000000);
echo "2";
这样做会同时显示两个echo语句，但随着usleep函数中时间的增加，页面加载时间会延长。
因此，每次增加加载内容的值时，我们必须发出一次服务器请求。
如您所知，可以使用JavaScript、jQuery、Ajax来实现此操作，我已尝试使用session来完成。
希望这对您有所帮助...