PHP 진행률 표시줄 제작
분명히 코드를 복사했는데 결과적으로 스타일이 엉망이 된 것 같아요. 코드를 살펴보니 뭔가 잘못된 것 같아요. <p> 태그 안에 <p> 잘 이해가 안가네요. 배울수록 돌아가기 때문이겠죠. 0_
0
<?php
//실행 시간 제한 방지
set_time_limit(0);
//Clear 출력 캐시를 닫습니다
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,p 입력 {
글꼴 계열: Tahoma;
글꼴 크기: 9pt
}
</style> ;
<script 언어="JavaScript">
< --
function updateProgress(sMsg, iWidth)
{
document.getElementById("status").innerHTML = sMsg; .getElementById("progress").style.width = iWidth + "px";
document.getElementById("percent").innerHTML =parseInt(iWidth / <?php echo $width; ?> * 100) + "%";
}
-->
</ script>
</head>
<body>
<p style="padding: 8px; 테두리: 1px ; 배경: #EAEAEA;높이: 20px; 너비: <?php echo $ width+8 ?>
<p style="배경색: 흰색; 솔리드 네이비; 높이: 17px; 너비: <?php echo $width ? >px">
<p id="progress"
style="padding: 0; 테두리: 0; 너비: 0px; 텍스트 정렬: 중앙; 높이: 16px" > < 상단: -30px; 텍스트 정렬: 중앙; 글꼴 두께: 굵게; 글꼴 크기: 8pt">0%< /p>
</p>
<?php
flush(); //클라이언트 브라우저로 출력 보내기
foreach($users as $user)
{
// 실제 애플리케이션에서는 시간이 많이 걸리는 작업을 시뮬레이션하려면 여기에서 빈 루프를 사용하세요. to be its replacement;
// 작업에 시간이 많이 걸리지 않는다면 이 스크립트를 사용할 필요가 없을 것 같습니다. :)
for($i = 0; $i < 100000; $i++)
{
}
?>
<script 언어="JavaScript">
updateProgress("운영 중인 사용자<?php echo $user; ?> ....", <?php echo min( $width, intval($progress)); ?>);
</script>
<?php
flash(); //클라이언트 브라우저에 출력을 보냅니다. 서버측 출력을 위한 JavaScript 프로그램이 즉시 실행됩니다.
$progress += $pix;
} //end foreach
?>
<script 언어="JavaScript">
//마지막으로 진행률 표시줄을 최대값 $width로 설정하고 표시합니다. 동시에 작업 완료
updateProgress("작업 완료!", <?php echo $width; ?>)
</script>
<?php
flush();
?>
</body>
</html>
