PHP實現(xiàn)的進(jìn)度條效果詳解
來源:易賢網(wǎng) 閱讀:1211 次 日期:2016-08-25 15:14:29
溫馨提示:易賢網(wǎng)小編為您整理了“PHP實現(xiàn)的進(jìn)度條效果詳解”,方便廣大網(wǎng)友查閱!

本文實例講述了PHP實現(xiàn)的進(jìn)度條效果。分享給大家供大家參考,具體如下:

在做采集的時候,想通過php來實現(xiàn)一個進(jìn)度條功能,谷歌了一下,找了個合適的代碼。下面直接上代碼:

名單

<?php

//防止執(zhí)行超時

set_time_limit(0);

//清空并關(guān)閉輸出緩存

ob_end_clean();

//需要循環(huán)的數(shù)據(jù)

for($i = 0; $i < 188; $i++)

{

  $users[] = 'Tom_' . $i;

}

//計算數(shù)據(jù)的長度

$total = count($users);

//顯示的進(jìn)度條長度,單位 px 

$width = 500;

//每條記錄的操作所占的進(jìn)度條單位長度

$pix = $width / $total;

//默認(rèn)開始的進(jìn)度條百分比

$progress = 0;

?>

<html>

<head>

<title>動態(tài)顯示服務(wù)器運行程序的進(jìn)度條</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(); //將輸出發(fā)送給客戶端瀏覽器 

foreach($users as $user)

{

  // 在此處使用空循環(huán)模擬較為耗時的操作,實際應(yīng)用中需將其替換; 

  // 如果你的操作不耗時,我想你就沒必要使用這個腳本了 :) 

  for($i = 0; $i < 1000000; $i++)

  {

  }

  ?> 

<script language="JavaScript"> 

 updateProgress("正在操作用戶 <?php echo $user; ?> ....", <?php echo min($width, intval($progress)); ?>);

</script>

<?php

  flush(); //將輸出發(fā)送給客戶端瀏覽器,使其可以立即執(zhí)行服務(wù)器端輸出的 JavaScript 程序。 

  $progress += $pix;

} //end foreach 

?> 

<script language="JavaScript"> 

  //最后將進(jìn)度條設(shè)置成最大值 $width,同時顯示操作完成 

 updateProgress("操作完成!", <?php echo $width; ?>); 

</script>

<?php

flush();

?>

</body>

</html>

希望本文所述對大家PHP程序設(shè)計有所幫助。

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:PHP實現(xiàn)的進(jìn)度條效果詳解
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機(jī)號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報警專用圖標(biāo)