User:Irukaza/common.js:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
第1行: | 第1行: | ||
$(function () { | |||
window.onload=function () { | |||
console.log(100) | |||
$(".loading b").html(100+"%"); | |||
} | |||
var imgs=$("img"); | |||
var num=0; | |||
console.log(imgs.size()); | |||
console.log(imgs.length); | |||
imgs.each(function (i) { | |||
var oImg=new Image(); | |||
console.log(oImg); | |||
oImg.onload = function(){//使用onload方法,在加载完成后执行 | |||
// console.log(oImg); | |||
oImg.onload = null;//首先清除掉缓存 | |||
// console.log(oImg); | |||
num++;//每次加载的过程中num++,即执行次数 | |||
var con_b=parseInt(num/($("img").size()+2)*100)+"%"; | |||
console.log(con_b); | |||
$(".loading b").html(con_b);// 改变b标签的内容,用num除以img的个数,再乘以100,再取整,这就是加载的百分数 | |||
} | |||
oImg.src = imgs[i].src;// 预加载,先指定一个img.src,当onload成功以后可以将数据指定到某一个元素或者图片上,或者返回一个结果 | |||
}); | |||
}) |
2021年3月16日 (二) 10:09的版本
$(function () {
window.onload=function () {
console.log(100)
$(".loading b").html(100+"%");
}
var imgs=$("img");
var num=0;
console.log(imgs.size());
console.log(imgs.length);
imgs.each(function (i) {
var oImg=new Image();
console.log(oImg);
oImg.onload = function(){//使用onload方法,在加载完成后执行
// console.log(oImg);
oImg.onload = null;//首先清除掉缓存
// console.log(oImg);
num++;//每次加载的过程中num++,即执行次数
var con_b=parseInt(num/($("img").size()+2)*100)+"%";
console.log(con_b);
$(".loading b").html(con_b);//改变b标签的内容,用num除以img的个数,再乘以100,再取整,这就是加载的百分数
}
oImg.src = imgs[i].src;//预加载,先指定一个img.src,当onload成功以后可以将数据指定到某一个元素或者图片上,或者返回一个结果
});
})