图片加载完成再执行事件的实例
更新时间：2017年11月16日 09:34:12 作者：哈哈敲敲
下面小编就为大家分享一篇图片加载完成再执行事件的实例，具有很好的参考价值，一起跟随小编过来看看吧，希望对大家有所帮助
实例如下：
//图片加载
function load(imgSrc,callback) {
var imgs = [];
var c = 0;
for (var i = 0; i < imgSrc.length; i++) {
imgs[i] = new Image();
imgs[i].src = imgSrc[i];
imgs[i].onload = function(){
c++
if(c == imgSrc.length){
if(callback){
callback();
}
}
}
}
return imgs;
}
应用场景：一些图片较多的页面，一些需要加上进度条或者百分比读取等加载效果的页面，一般移动端页面用得比较多
以上这篇图片加载完成再执行事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于javascript中关于类型判断的一些疑惑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-10-10
这篇文章主要介绍了Javascript如何理解全国甲卷高考作文,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要介绍了微信小程序国际化探索实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要介绍了JSON获取属性值方法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
说实话，加好友的太多了，怎么办，想个批量的办法吧2009-02-02
微信更新自家的Web开发工具后无法使用原生 Promise，下面这篇教程教你引入第三方库来使用 Promise，文中通过图文介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-06-06
本篇文章给大家分享了用嘴简单的JS代码来实现经典贪吃蛇游戏的全部内容，有兴趣的朋友参考学习下。2018-01-01
这篇文章主要为大家详细介绍了bootstrap table插件动态加载表头，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家详细介绍了JavaScript实现大文件上传功能的示例代码，文中的代码讲解详细，对我们学习JavaScript有一定帮助，感兴趣可以跟随小编一起学习一下2022-11-11
网页禁用右键的代码，我们可以不少网站在使用，让别人复制什么的麻烦，但破解方法也比较简单。这里就不说了，如果想知道的可以参考脚本之家以前发布的文章。2009-10-10
最新评论