php网页加载进度条
做了一个网站,因为想要漂亮,所以首页用了一个大整幅图片做背景,而且有4个FLASH,算起来首页一共有300+KB,现在担心别人浏览时会由于网速或者空间服务器等原因造成打开...
做了一个网站,因为想要漂亮,所以首页用了一个大整幅图片做背景,而且有4个FLASH,算起来首页一共有300+KB,现在担心别人浏览时会由于网速或者空间服务器等原因造成打开页面缓慢或者直接图片背景显示成红叉,想找一段能显示整体页面加载进度的代码(不是要那种纯装饰性用其实读取的进度纯粹是假牙的那种,是要实用的),麻烦高人指点,最好能给一个明了简洁的代码并简单说明代码的使用方法(如哪一段应该放在哪个位置等等),不胜感激!对了,是整个页面的进度哦~!
展开
1个回答
展开全部
不知道你会不会JS,这类问题用PHP是无法实现的,只有用JS来做。一般是设置两个全局变量存放需要装载、已经完成装载的部件数,然后用定时器更新进度显示,例如:
<div id=load_stat>进度显示</div>
<script type=text/javascript>
var need_load=10;//部件里面使用onload的数量
var load_ok=0;
function show_loading(){
var e=document.getElementById('load_stat');
if (load_ok<need_load){
e.innerHTML='共有'+need_load+'个需要装载,已经装载了'+load_ok+'个,完成'+Math.round(load_ok/need_load,2)+'%';
setTimeout("show_loading();",500);//过半秒显示进度
} else e.style.display='none';//关闭进度条
}
setTimeout("show_loading();",500);//过半秒显示进度
</script>
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<div id=load_stat>进度显示</div>
<script type=text/javascript>
var need_load=10;//部件里面使用onload的数量
var load_ok=0;
function show_loading(){
var e=document.getElementById('load_stat');
if (load_ok<need_load){
e.innerHTML='共有'+need_load+'个需要装载,已经装载了'+load_ok+'个,完成'+Math.round(load_ok/need_load,2)+'%';
setTimeout("show_loading();",500);//过半秒显示进度
} else e.style.display='none';//关闭进度条
}
setTimeout("show_loading();",500);//过半秒显示进度
</script>
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
<img src='...' onload="load_ok++;">
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询