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


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 版本自动生成文章摘要
Jul 23 Javascript
ExtJS Window 最小化的一种方法
Nov 18 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
javascript模拟实现ajax加载框实例
Oct 15 Javascript
Angularjs基础知识及示例汇总
Jan 22 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
Bootstrap Img 图片样式(推荐)
Dec 13 Javascript
angularJS模态框$modal实例代码
May 27 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
小程序多图列表实现性能优化的方法步骤
May 28 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+DBM的同学录程序(2)
2006/10/09 PHP
Yii框架中 find findAll 查找出制定的字段的方法对比
2014/09/10 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
php之可变变量的实例详解
2017/09/12 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
jQuery的load()方法及其回调函数用法实例
2015/03/25 Javascript
jquery uploadify如何取消已上传成功文件
2017/02/08 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
webpack 2.x配置reactjs基本开发环境详解
2017/08/08 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
vue环形进度条组件实例应用
2018/10/10 Javascript
小程序多图列表实现性能优化的方法步骤
2019/05/28 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
python ip正则式
2009/05/07 Python
python opencv之SURF算法示例
2018/02/24 Python
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
python实现树形打印目录结构
2018/03/29 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
便捷提取python导入包的属性方法
2018/10/15 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
解决reload(sys)后print失效的问题
2020/04/25 Python
python中的错误如何查看
2020/07/08 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
大学生毕业自我评价范文分享
2013/11/11 职场文书
护理专业学生的求职信范文
2013/12/11 职场文书
求职简历中个人的自我评价
2013/12/25 职场文书
禁止高声喧哗的标语
2014/06/11 职场文书
2014年导购员工作总结
2014/11/18 职场文书
2014年采购部工作总结
2014/11/20 职场文书
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL
SpringBoot接入钉钉自定义机器人预警通知
2022/07/15 Java/Android