Heim > Artikel > Backend-Entwicklung > PHP-Implementierung des Fortschrittsbalkens
PHP-Implementierung des Fortschrittsbalkens
- 墨辰丷Original
- 2018-05-16 14:14:151167Durchsuche
In diesem Artikel wird hauptsächlich die Verwendung von PHP zur Implementierung eines Fortschrittsbalkens vorgestellt. Ich hoffe, dass er für alle hilfreich ist.
Der Code lautet wie folgt:
<?php
//防止执行超时
set_time_limit(0);
//清空并关闭输出缓存
ob_end_clean();
//需要循环的数据
for($i = 0; $i < 188; $i++)
{
$users[] = 'Tom_' . $i;
}
//计算数据的长度
$total = count($users);
//显示的进度条长度，单位 px
$width = 500;
//每条记录的操作所占的进度条单位长度
$pix = $width / $total;
//默认开始的进度条百分比
$progress = 0;
?>
<html>
<head>
<title>动态显示服务器运行程序的进度条</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body,div input {
font-family: Tahoma;
font-size: 9pt
}
</style>
<script language="JavaScript">
<!--
function updateProgress(sMsg, iWidth)
{
document.getElementById("status").innerHTML = sMsg;
document.getElementById("progress").style.width = iWidth + "px";
document.getElementById("percent").innerHTML = parseInt(iWidth / <?php echo $width; ?> * 100) + "%";
}
-->
</script>
</head>
<body>
<div style="margin:50px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: <?php echo $width+8; ?>px">
<div style="padding: 0; background-color: white; border: 1px solid navy; width: <?php echo $width; ?>px">
<div id="progress"
style="padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px"></div>
</div>
<div id="status"></div>
<div id="percent"
style="position: relative; top: -30px; text-align: center; font-weight: bold; font-size: 8pt">0%</div>
</div>
<?php
flush(); //将输出发送给客户端浏览器
foreach($users as $user)
{
// 在此处使用空循环模拟较为耗时的操作，实际应用中需将其替换；
// 如果你的操作不耗时，我想你就没必要使用这个脚本了 :)
for($i = 0; $i < 1000000; $i++)
{
}
?>
<script language="JavaScript">
updateProgress("正在操作用户 <?php echo $user; ?> ....", <?php echo min($width, intval($progress)); ?>);
</script>
<?php
flush(); //将输出发送给客户端浏览器，使其可以立即执行服务器端输出的 JavaScript 程序。
$progress += $pix;
} //end foreach
?>
<script language="JavaScript">
//最后将进度条设置成最大值 $width，同时显示操作完成
updateProgress("操作完成！", <?php echo $width; ?>);
</script>
<?php
flush();
?>
</body>
</htmlVerwandte Empfehlungen:
jquery Drag File Upload Loading Add Progress Bar
Implementierung eines einfachen Fortschrittsbalkens auf einem mobilen Endgerät
Das obige ist der detaillierte Inhalt vonPHP-Implementierung des Fortschrittsbalkens. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung des PHP-Factory-MethodenentwurfsmustersNächster Artikel：Detaillierte Erläuterung des PHP-Factory-Methodenentwurfsmusters