php如何实现进度条
发布时间：2024-06-02 点击：146
php实现进度条的方法：1、利用“输出缓冲控制”直接输出进度条；2、利用ajax先去请求逻辑处理的地址，然后利用session或者其他存储介质保存处理进度。
推荐：《php视频教程》
php实现进度条主要有两种方式，一种是利用“输出缓冲控制”直接输出进度条，还有一种是ajax方式
首先说一下“输出缓冲控制”方式：
该方式主要利用php的几个缓冲函数，该方式可以不用更改配置文件，直接运行即可，下面贴出代码：
<?phpset_time_limit(0); //设置程序执行时间ignore_user_abort(true); //设置断开连接继续执行header('x-accel-buffering: no'); //关闭bufferheader('content-type: text/html;charset=utf-8'); //设置网页编码ob_start(); //打开输出缓冲控制echo str_repeat(' ',1024*4); //字符填充$width = 1000;$html = '<div style="margin:100px auto; padding: 8px; border: 1px solid gray; background: #eaeaea; width: uot;><div style="padding: 0; background-color: white; border: 1px solid navy; width: uot;><div id="progress" style="padding: 0; background-color: #ffcc66; border: 0; width: 0px; text-align: center; height: 16px"></div></div><div id="msg" style="font-family: tahoma; font-size: 9pt;">正在处理...</div><div id="percent" style="position: relative; top: -34px; text-align: center; font-weight: bold; font-size: 8pt">0%%</div></div>';echo sprintf($html, $width 8, $width);echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲flush(); //刷新缓冲区的内容，输出$length = 11;for($i=0; $i<$length; $i ) { sleep(rand(1,2)); $proportion = ($i 1)/$length; if($i 1 == $length){ $msg = '同步完成'; }else{ $msg = '正在同步第' . ($i 1) . '个用户'; } $script = '<script>document.getelementbyid("percent").innertext="uot;;document.getelementbyid("progress").style.width="uot;;document.getelementbyid("msg").innertext="%s";</script>'; echo sprintf($script, intval($proportion*100), intval(($i 1)/$length)*$width, $msg); echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲 flush(); //刷新缓冲区的内容，输出}注：该进度条样式是从网上找的，稍微修改了下，你可以替换成自己想要的样式
“ajax方式”则稍微麻烦点，该方法的逻辑是利用ajax先去请求（最好是异步请求）”逻辑处理”的地址,逻辑处理过程中利用session或者其他存储介质（比如memcache,redis等）保存处理进度，在用ajax去请求（最好是同步请求）另一个查询进度的地址，实现实时反馈
下面贴出代码：
首先是html文件
<!doctype html><html><head><meta charset="utf-8"><script type="text/javascript" src="./jquery-1.10.2.min.js"></script><title>同步</title></head><body> <input type="button" name="syn" id="syn" value="同步" /> <div id="progressbar" style="margin: 50px auto; padding: 8px; border: 1px solid gray; background: #eaeaea; width: 1008px;display:none"> <div style="padding: 0; background-color: white; border: 1px solid navy; width: 1000px"> <div id="progress" style="padding: 0; background-color: #ffcc66; border: 0; width: 0px; text-align: center; height: 16px"></div> </div> <div id="msg">正在处理...</div> <div id="percent" style="position: relative; top: -18px; text-align: center; font-weight: bold; font-size: 8pt">0%</div> </div></body><script>function query(timestamp){ $.ajax({ type:'post', url:'/test1.php', //查询进度 data:{ timestamp:timestamp}, datatype: "json", async:false, success: function(data){ if(data.code=='10000'){ data1 = data.data; document.getelementbyid("percent").innertext= data1.percent "%"; document.getelementbyid("progress").style.width=data1.progress "px"; document.getelementbyid("msg").innertext=data1.msg; if(data1.percent == 100){ $("#syn").attr('disabled', false); return ; } }else{
域名空间申请流程是什么？域名空间有什么不同？
如何开发一个网站 开发需要多久
怎么判断建公司网站要多少钱？
商务中国域名管理地址的主要内容有哪些？
挂机云服务器租赁
域名注册机构价格为什么不同？域名是如何定价的？
和首购云服务器打折相关的内容
搞个泛解析-域名及账户问题
推荐：《php视频教程》
php实现进度条主要有两种方式，一种是利用“输出缓冲控制”直接输出进度条，还有一种是ajax方式
首先说一下“输出缓冲控制”方式：
该方式主要利用php的几个缓冲函数，该方式可以不用更改配置文件，直接运行即可，下面贴出代码：
<?phpset_time_limit(0); //设置程序执行时间ignore_user_abort(true); //设置断开连接继续执行header('x-accel-buffering: no'); //关闭bufferheader('content-type: text/html;charset=utf-8'); //设置网页编码ob_start(); //打开输出缓冲控制echo str_repeat(' ',1024*4); //字符填充$width = 1000;$html = '<div style="margin:100px auto; padding: 8px; border: 1px solid gray; background: #eaeaea; width: uot;><div style="padding: 0; background-color: white; border: 1px solid navy; width: uot;><div id="progress" style="padding: 0; background-color: #ffcc66; border: 0; width: 0px; text-align: center; height: 16px"></div></div><div id="msg" style="font-family: tahoma; font-size: 9pt;">正在处理...</div><div id="percent" style="position: relative; top: -34px; text-align: center; font-weight: bold; font-size: 8pt">0%%</div></div>';echo sprintf($html, $width 8, $width);echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲flush(); //刷新缓冲区的内容，输出$length = 11;for($i=0; $i<$length; $i ) { sleep(rand(1,2)); $proportion = ($i 1)/$length; if($i 1 == $length){ $msg = '同步完成'; }else{ $msg = '正在同步第' . ($i 1) . '个用户'; } $script = '<script>document.getelementbyid("percent").innertext="uot;;document.getelementbyid("progress").style.width="uot;;document.getelementbyid("msg").innertext="%s";</script>'; echo sprintf($script, intval($proportion*100), intval(($i 1)/$length)*$width, $msg); echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲 flush(); //刷新缓冲区的内容，输出}注：该进度条样式是从网上找的，稍微修改了下，你可以替换成自己想要的样式
“ajax方式”则稍微麻烦点，该方法的逻辑是利用ajax先去请求（最好是异步请求）”逻辑处理”的地址,逻辑处理过程中利用session或者其他存储介质（比如memcache,redis等）保存处理进度，在用ajax去请求（最好是同步请求）另一个查询进度的地址，实现实时反馈
下面贴出代码：
首先是html文件
<!doctype html><html><head><meta charset="utf-8"><script type="text/javascript" src="./jquery-1.10.2.min.js"></script><title>同步</title></head><body> <input type="button" name="syn" id="syn" value="同步" /> <div id="progressbar" style="margin: 50px auto; padding: 8px; border: 1px solid gray; background: #eaeaea; width: 1008px;display:none"> <div style="padding: 0; background-color: white; border: 1px solid navy; width: 1000px"> <div id="progress" style="padding: 0; background-color: #ffcc66; border: 0; width: 0px; text-align: center; height: 16px"></div> </div> <div id="msg">正在处理...</div> <div id="percent" style="position: relative; top: -18px; text-align: center; font-weight: bold; font-size: 8pt">0%</div> </div></body><script>function query(timestamp){ $.ajax({ type:'post', url:'/test1.php', //查询进度 data:{ timestamp:timestamp}, datatype: "json", async:false, success: function(data){ if(data.code=='10000'){ data1 = data.data; document.getelementbyid("percent").innertext= data1.percent "%"; document.getelementbyid("progress").style.width=data1.progress "px"; document.getelementbyid("msg").innertext=data1.msg; if(data1.percent == 100){ $("#syn").attr('disabled', false); return ; } }else{
域名空间申请流程是什么？域名空间有什么不同？
如何开发一个网站 开发需要多久
怎么判断建公司网站要多少钱？
商务中国域名管理地址的主要内容有哪些？
挂机云服务器租赁
域名注册机构价格为什么不同？域名是如何定价的？
和首购云服务器打折相关的内容
搞个泛解析-域名及账户问题
下一篇：购买了云的服务器吗