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


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 相关文章推荐
从父页面读取和操作iframe中内容方法
Jul 25 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
javascript数组快速打乱重排的方法
Jan 02 Javascript
js判断浏览器是否支持html5
Aug 17 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
原生js实现弹出层效果
Jan 20 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
Apr 22 Javascript
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 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 ftp文件上传函数(基础版)
2010/06/03 PHP
基于php伪静态的实现详细介绍
2013/04/28 PHP
PHP中Cookie的使用详解(简单易懂)
2017/04/28 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
tp5修改(实现即点即改)
2019/10/18 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
javascript getElementsByName()的用法说明
2009/07/31 Javascript
js parseInt(&quot;08&quot;)未指定进位制问题
2010/06/19 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
[03:52]DOTA2英雄基础教程 酒仙
2013/12/23 DOTA
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
Python模块future用法原理详解
2020/01/20 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
Fanatics英国官网:美国体育电商
2018/11/06 全球购物
remote接口和home接口主要作用
2013/05/15 面试题
大学生入党自我鉴定
2013/10/31 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
亮化工程实施方案
2014/03/17 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
化学教育专业求职信
2014/07/08 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
班主任高考寄语
2015/02/26 职场文书
Promise静态四兄弟实现示例详解
2022/07/07 Javascript