一、假象的进度条
1、在网页上面添加一个 div层,占满整个页面,然后设置背景为某个加载进度的gif图像。
2、在页面写js,等待指定时间后,隐藏遮罩层:
$("body").ready(function(){
$(".layer").fadeout();
},5000)
二、真正能测试到页面加载时间的进度条
1、document.onreadystatechange事件 和 document.readystate属性值有 uninialized(还未开始载入) loading(载入中) interactive(已经加载) complete(载入完成)
2 document.onreadystatechang = funtion(){
if(document.readystate == "complete"){
$(".layer").fadeout();
}
}