本文目錄一覽:
php中怎麼實現讀取數據進度條功能?
?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;?htmlheadtitle動態顯示伺服器運行程序的進度條/titlemeta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /stylebody,div input { font-family: Tahoma; font-size: 9pt}/stylescript 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/headbody 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?phpflush(); //將輸出發送給客戶端瀏覽器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?phpflush();?/body/html
php 怎麼做進度條
一般來說,很少會有人直接用PHP輸出
進度條
,但是也是可以實現的(需要JS)。
原理和過程:
利用flush函數會提前輸出緩衝區內容;
內容是主要的進度條;
循環》
輸出改變內容的JS;
暫停一秒,繼續循環;
所有的輸出都要先放到緩衝區的,直接echo的輸出是等到頁面結束才輸出。
用戶的函數:
sleep()
ob_start()
ob_flush()
flush()
或
ob_implicit_flush();
具體的代碼就不寫了,要自己動手哦,百度下每個函數的意思,加深理解和記憶。
thinkphp怎麼實現進度條控制
分3步走:
1.在前端的UI上,用JS記錄所有需要處理的總數。
2.前段UI通過JS循環將所有的請求通過AJAX發到控制器的某個方法,方法返回處理結果。
3.前端UI接受到AJAX的返回值後判斷一下,如果通過就執行下一個循環。並且進度條的值+1
基本上思路是這樣,很簡單的。主要是對AJAX的熟悉。你需要去了解一下幾個東西能讓你更快的處理
jquery及jquery-ui,前者是JS框架,自帶AJAX封裝方法,後者包含進度條的皮膚,配合jquery使用。
原創文章,作者:TRTU,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/141216.html