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


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一些不错的函数脚本代码
Sep 10 Javascript
jQuery ui1.7 dialog只能弹出一次问题
Aug 27 Javascript
jquery中输入验证中一个不错的效果
Aug 21 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 Javascript
vue.js中过滤器的使用教程
Jun 08 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
angularjs实现的购物金额计算工具示例
May 08 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
详解使用React制作一个模态框
Mar 14 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编码规范之注释和文件结构说明
2010/07/09 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
jquery实现checkbox全选全不选的简单实例
2013/12/31 Javascript
节点的插入之append()和appendTo()的用法介绍
2014/01/13 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
2015/08/25 Javascript
jQuery实现下滑菜单导航效果代码
2015/08/25 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
javascript下使用Promise封装FileReader
2016/02/19 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
2016/08/19 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
详解es6新增数组方法简便了哪些操作
2019/05/09 Javascript
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
如何在vue中使用video.js播放m3u8格式的视频
2021/02/01 Vue.js
[43:18]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
django model通过字典更新数据实例
2020/04/01 Python
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
2013/01/30 HTML / CSS
canvas使用注意点总结
2013/07/19 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
幼师自荐信
2013/10/26 职场文书
乡镇爱国卫生月活动总结
2014/06/25 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
2015年财务部工作总结
2015/04/10 职场文书
2015年妇女工作总结
2015/05/14 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL