手机版

PHP实现的进度条效果详解

时间:2021-11-01 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了服务器端编程语言(专业超文本预处理器的缩写)实现的进度条效果。分享给大家供大家参考,具体如下:在做采集的时候,想通过服务器端编程语言(专业超文本预处理器的缩写)来实现一个进度条功能,谷歌了一下,找了个合适的代码。下面直接上代码:

?php/防止执行超时set _ time _ limit(0);//清空并关闭输出缓存ob _ end _ clean();//需要循环的数据对于($ I=0;$ i 188$i ){ $users[]='Tom_ ' .$ I;}//计算数据的长度$ total=count($ user);//显示的进度条长度,单位px $ width=500/每条记录的操作所占的进度条单位长度$pix=$width ///默认开始的进度条百分比$ progress=0;htmlheadtitle动态显示服务器运行程序的进度条/title meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /stylebody,div输入{ font-family : Tahomafont-size: 9pt}/stylescript语言='JavaScript '!-函数updateProgress(sMsg,iWidth){ document。getelementbyid(' status ').innerHTML=sMsgdocument。getelementbyid(' progress ')。风格。width=iWidth ' pxdocument.getElementById('百分比')。innerHTML=parsent(iWidth/?php echo $ width?* 100) '%';}-/脚本/头体div style=' margin 336050 px autopadding: 8pxborder: 1px纯灰色;背景# EAEAEA宽度:PHP echo $ width 8;px ' div style=' padd : 0;背景-颜色:白色;border: 1px固体海军;宽度:php echo $ width?px ' div id=' progress ' style=' padd : 0;背景-color : # ffcc 66;边框: 0;宽度: 0px文本对齐:中心;高度: 16px '/div/div id=' status '/div id=' percent ' style=' position 3360 relative;top :-30px;文本对齐:中心;字体粗细:粗体;font-size: 8pt'0%/div /div?phpflush();//将输出发送给客户端浏览器foreach($ user as $ user){//在此处使用空循环模拟较为耗时的操作,实际应用中需将其替换;//如果你的操作不耗时,我想你就没必要使用这个脚本了:)为($ I=0;$ i 1000000$i ) { }?脚本语言='JavaScript' updateProgress('正在操作用户?php echo $用户?',php echo min($width,int val($ progress)););/脚本?PHP flush();//将输出发送给客户端浏览器,使其可以立即执行服务器端输出的Java脚本语言程序$ progress=$ pix}//结束foreach?脚本语言='JavaScript' //最后将进度条设置成最大值$宽度,同时显示操作完成updateProgress('操作完成!',php echo $ width?);/脚本?phpflush();/body/html更多关于服务器端编程语言(专业超文本预处理器的缩写)相关内容感兴趣的读者可查看本站专题: 《PHP数组(Array)操作技巧大全》 、 《PHP数学运算技巧总结》 、 《php正则表达式用法总结》 、 《PHP+ajax技巧与应用小结》 、 《PHP运算与运算符用法总结》 、 《PHP网络编程技巧总结》 、 《PHP基本语法入门教程》 、 《php日期与时间用法总结》 、 《php面向对象程序设计入门教程》 、 《php字符串(string)用法总结》 、 《php+mysql数据库操作入门教程》 及《php常见数据库操作技巧汇总》

希望本文所述对大家服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。

版权声明:PHP实现的进度条效果详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。