注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

@fc_lamp

关注Web应用解决方案MySql/PHP/Python一盏名为"飞川"的灯~

 
 
 

日志

 
 

PHP 模拟进度条(discuz 安装进度条状态)  

2012-08-08 10:43:56|  分类: Web技术-应用研究 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 如何用stream模拟进度条,原理如下:

 使用IFReam来动态改变某个div的width属性。
 在ifream中,src请求某PHP页面,然后在该页面中循环flush出数据.如:


       for($i=0;$i<=100;$i++){
           echo '<script>parent.p("'.$i.'");</script>';
           flush();
       }   



html.html 页面为:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<div class="ss" style="width:500px;height:30px;border:solid 1px #ff00ff">
<div class="progress" style="background-color: #cccccc;height: 30px;width: 0%"></div>
</div>

<iframe class="campaign_tpl_preview" src="test_sd.php" frameborder="0" width="100%"></iframe>

<script type="text/javascript">
function p(n){
$('.progress').css({
width:n+'%'
})
}
</script>




test.php 代码为:

<?php
error_reporting(0);
set_time_limit(0);
ob_end_clean();
ob_start();
for($i=0;$i<=100;$i++){
$flush ='<script>parent.p("'.$i.'");</script><br/>';
$flush = str_pad($flush, 1000);
echo $flush;
ob_flush();
flush();
sleep(1);
}


PHP 模拟进度条(discuz 安装进度条状态) - fc_lamp - @fc_lamp
 
  评论这张
 
阅读(460)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017