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


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 suggest效果 自动完成实现代码分享
Feb 17 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
javascript禁用Tab键脚本实例
Nov 22 Javascript
Javascript基础教程之for循环
Jan 18 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
js验证真实姓名与身份证号,手机号的简单实例
Jul 18 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
微信小程序 生命周期函数详解
May 24 Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
原生JS实现烟花效果
Mar 10 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
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
2014/08/27 Javascript
Javascript实现Web颜色值转换
2015/02/05 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
2016/05/12 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
基于JavaScript实现选项卡效果
2017/07/21 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
vue 清空input标签 中file的值操作
2020/07/21 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
Python(Tornado)模拟登录小米抢手机
2013/11/12 Python
python3 读写文件换行符的方法
2018/04/09 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
机械设计毕业生自荐信
2014/02/02 职场文书
法制报告会主持词
2014/04/02 职场文书
安全施工责任书
2014/08/25 职场文书
初一军训感言
2015/08/01 职场文书
感恩教师主题班会
2015/08/12 职场文书
2019感恩宣传标语!
2019/07/05 职场文书
2019年农民幸福观调查的实践感悟
2019/12/19 职场文书
Mysql 设置boolean类型的操作
2021/06/04 MySQL