您的位置:首页 > Web前端 > JavaScript

js模拟网页进度加载。

2016-07-19 18:11 489 查看
这个小玩意用于h5上的模拟加载还是可以,就是打开的时候模拟正在加载。但是实际项目中并不一定准确。因为并没有真实请求,慎用!

#p{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: black;
opacity: .8;
color: red;
text-align: center;
}


写点脚本模拟一下

function SetProgress(value) {
$("#p").html("正在拼命加载" + value + "%");
}

var i = 0,
t;
function doProgress() {
if (i > 100) {
$("#p").fadeOut();
clearInterval(t);
return;
}
if (i <= 100) {
t = setTimeout("doProgress()", 20);
SetProgress(i);
i++;
}
}
$(document).ready(function() {
doProgress();
});


dom很简单的

<div id="p"></div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 进度条