php+javascript实现的动态显示服务器运行程序进度条功能示例


Posted in PHP onAugust 07, 2017

本文实例讲述了php+javascript实现的动态显示服务器运行程序进度条功能。分享给大家供大家参考,具体如下:

经常有这样的业务要处理,服务器上有较多的业务需要处理,需要分批操作,于是就需要一个提示客户现在完成进度的进度条。

这个是php+javascript的进度条。

<?php
//set_time_limit(0);    //注意,如果是安全模式,请不要打开,如果不是安全模式,这个选项可以打开
for ($i = 0; $i < 500; $i++) {
  $users[] = 'Tom_' . $i;
}  //end for
$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/xhtml1/DTD/transitional.dtd">
<html>
<head>
  <title>动态显示服务器运行程序的进度条</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: 4px; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: <?php echo $width+8; ?>px">
  <div><font color="gray">如下进度条的动态效果由服务器端 PHP 程序结合客户端 JavaScript 程序生成。</font></div>
  <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();  //将输出发送给客户端浏览器
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
//  最后将进度条设置成最大值 $width,同时显示操作完成
?>
<script language="JavaScript">
  updateProgress("操作完成!", <?php echo $width; ?>);
</script>
<?php
flush();
?>
</body>
</html>

运行效果如下:

php+javascript实现的动态显示服务器运行程序进度条功能示例

希望本文所述对大家PHP程序设计有所帮助。

PHP 相关文章推荐
php 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
Mar 23 PHP
php设计模式 Chain Of Responsibility (职责链模式)
Jun 26 PHP
php常用hash加密函数
Nov 22 PHP
php判断当前用户已在别处登录的方法
Jan 06 PHP
微信API接口大全
Apr 15 PHP
php+mysql实现无限级分类
Nov 11 PHP
实例详解PHP中html word 互转的方法
Jan 28 PHP
Zend Framework分页类用法详解
Mar 22 PHP
php批量修改表结构实例
May 24 PHP
PHP读取、解析eml文件及生成网页的方法示例
Sep 04 PHP
Yii2框架中一些折磨人的坑
Dec 15 PHP
让whoops帮我们告别ThinkPHP6的异常页面
Mar 02 PHP
php封装的mongodb操作类代码
Aug 06 #PHP
php批量转换文件夹下所有文件编码的函数类
Aug 06 #PHP
php mysql数据库操作类(实例讲解)
Aug 06 #PHP
PHP基于自定义类随机生成姓名的方法示例
Aug 05 #PHP
PHP实现腾讯与百度坐标转换
Aug 05 #PHP
laravel5.4生成验证码的实例讲解
Aug 05 #PHP
CakePHP框架Model函数定义方法示例
Aug 04 #PHP
You might like
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
用jQuery获取table中行id和td值的实现代码
2016/05/19 Javascript
AngularJS中的JSONP实例解析
2016/12/01 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
JavaScript中使用import 和require打包后实现原理分析
2018/03/07 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
2018/04/18 jQuery
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
2020/12/10 Javascript
python抓取网页内容示例分享
2014/02/24 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
Python基于生成器迭代实现的八皇后问题示例
2018/05/23 Python
Python流程控制语句的深入讲解
2020/06/15 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
CSS3实现菜单悬停效果
2020/11/17 HTML / CSS
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
.net开发工程师面试题
2014/02/25 面试题
高三自我鉴定范文
2013/10/19 职场文书
财务部出纳岗位职责
2013/12/22 职场文书
安全演讲稿大全
2014/05/09 职场文书
教师演讲稿大全
2014/05/16 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
计划生育诚信协议书
2014/11/02 职场文书
2014年健康教育工作总结
2014/11/20 职场文书
2014年采购工作总结
2014/11/20 职场文书
检讨书怎么写
2015/01/23 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
酒店工程部经理岗位职责
2015/04/09 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
关于Python中进度条的六个实用技巧分享
2022/04/05 Python
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python