图片加载完成再执行事件的实例


Posted in Javascript onNovember 16, 2017

实例如下:

//图片加载
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 相关文章推荐
javascript读取RSS数据
Jan 20 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
javascript实现的多个层切换效果通用函数实例
Jul 06 Javascript
JS从一组数据中找到指定的单条数据的方法
Jun 02 Javascript
jQuery弹出层插件popShow用法示例
Jan 23 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
js用正则表达式筛选年月日的实例方法
Jan 04 Javascript
详解React 在服务端渲染的实现
Nov 16 #Javascript
Angular 5.0 来了! 有这些大变化
Nov 15 #Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 #Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 #Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 #Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 #Javascript
layui.js实现的表单验证功能示例
Nov 15 #Javascript
You might like
FleaPHP的安全设置方法
2008/09/15 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
PHP二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
javascript 尚未实现错误解决办法
2008/11/27 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
JavaScript包装对象使用介绍
2013/08/29 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
jQuery EasyUi 验证功能实例解析
2017/01/06 Javascript
js 函数式编程学习笔记
2017/03/25 Javascript
微信小程序 http请求的session管理
2017/06/07 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
35个最好用的Vue开源库(史上最全)
2019/01/03 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
简单介绍Python中的JSON使用
2015/04/28 Python
Python 3.6 性能测试框架Locust安装及使用方法(详解)
2017/10/11 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
怎样在程序里获得一个空指针
2015/01/24 面试题
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
遗体告别仪式答谢词
2014/01/23 职场文书
优秀广告词大全
2014/03/19 职场文书
安全承诺书范文
2014/03/26 职场文书
小学假期安全广播稿
2014/09/28 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
网吧管理制度范本
2015/08/05 职场文书