本文阐述了用php javascript实现的动态显示服务器运行程序进度条的功能。分享给大家参考,如下:
经常有这样的业务需要处理,服务器上有很多业务需要处理,需要批量操作,所以需要一个进度条来提示客户现在完成进度。
这是php javascript的进度条。
?PHP//set _ time _ limit(0);//注意,如果是安全模式,请不要打开。如果不是安全模式,这个选项可以打开为($ I=0;$ i 500$i ) { $users[]='Tom_ '。$ I;} //end为$ width=500//以px$total=count($users)为单位显示的进度条长度;//要操作的记录总数$ pix=$ width/$ Total;//每条记录操作占用的进度条单位长度为$ progress=0;//当前进度条长度?doctype html public '-//W3C//dtd XHTML 1.0 Transitional//en ' ' http://www.w3.org/tr/XHTML 1/dtd/Transitional . dtd ' html head title动态显示服务器运行程序的进度条/title meta http-equiv=' content-type ' content=' text/。charset=utf-8'/style body,div input { font-family : Tahoma;font-size: 9pt } /style脚本语言='JavaScript '!-函数updateProgress(sMsg,iWidth){ document . getelementbyid(' status ')。innerHTML=sMsgdocument . getelementbyid(' progress '). style . width=iWidth ' px ';document.getElementById('百分比')。innerHTML=parsent(iWidth/?php echo $ width?* 100) '%';}/////script/head dydiv style=' margin 3360 4px;padding: 8pxborder: 1px纯灰色;背景# EAEAEA宽度:PHP echo $ width 8;Px' divfont color='gray '下面进度条的动态效果是服务器端PHP程序结合客户端JavaScript程序生成的。/font/div div style=' padd : 0;背景-颜色:白色;border: 1px固体海军;宽度:php echo $ width?px ' div id=' progress ' style=' padd : 0;背景-color : # ffcc 66;border : 0;宽度: 0px;文本对齐:中心;height : 16px '/div/div id=' status '/div id=' percent ' style=' position 3360 relative;top :-30px;文本对齐:中心;font-weight:粗体;font-size: 8pt'0%/div/div?phpflush();//将输出发送到客户端浏览器foreach ($users as $user) {//这里使用空循环模拟耗时的操作,实际应用中需要替换;//如果你的操作不耗时,我觉得你不需要用这个脚本:) //请在这里办理你的业务为($ I=0;$ i 1000000$ I){;}?脚本语言=' JavaScript' updateprogress('操作用户'?php echo $ user?".',php echo min($width,int val($ progress)););/脚本?PHP flush();//将输出发送到客户端浏览器,使其可以立即执行服务器端输出的JavaScript程序。$ progress=$ pix} //end foreach//最后,将进度条设置为$width的最大值,并显示操作完成?脚本语言=' JavaScript' updateprogress('操作已完成!',php echo $ width?);/脚本?phpflush();/body/htmlrunning效果如下:
更多对PHP相关内容感兴趣的读者可以查看本网站专题:《PHP数学运算技巧总结》、《PHP运算与运算符用法总结》、《php字符串(string)用法总结》、《PHP数组(Array)操作技巧大全》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》、0103010
希望本文对PHP编程有所帮助。