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


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 相关文章推荐
js获得鼠标的坐标值的方法
Mar 13 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
Jun 17 Javascript
jQuery自动添加表单项的方法
Jul 13 Javascript
利用JS实现简单的日期选择插件
Jan 23 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
vue如何解决循环引用组件报错的问题
Sep 22 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
javascript递归函数定义和用法示例分析
Jul 22 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
php 获取SWF动画截图示例代码
2014/02/10 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
Jquery搜索父元素操作方法
2015/02/10 Javascript
IE10中flexigrid无法显示数据的解决方法
2015/07/26 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
jQuery fadeOut 异步实例代码详解
2016/08/18 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
BootStrap TreeView使用实例详解
2017/11/01 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
VsCode与Node.js知识点详解
2019/09/05 Javascript
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
Python闭包及装饰器运行原理解析
2020/06/17 Python
Python map及filter函数使用方法解析
2020/08/06 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
《巨人的花园》教学反思
2014/02/12 职场文书
致100米运动员广播稿
2014/02/14 职场文书
工程造价专业大学生职业规划范文
2014/03/09 职场文书
培训讲师岗位职责
2014/04/13 职场文书
力学专业求职信
2014/07/23 职场文书
停车场管理协议书范本
2014/10/08 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
员工福利申请报告
2015/05/15 职场文书
工作证明书
2015/06/15 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python
Python打包为exe详细教程
2021/05/18 Python
Ruby处理CSV数据方法详解
2022/04/18 Ruby