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


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入门·对象属性方法大总结
Oct 01 Javascript
Javascript中的var_dump函数实现代码
Sep 07 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
JavaScript匿名函数用法分析
Feb 13 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
基于JavaScript实现仿京东图片轮播效果
Nov 06 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
js实现简单数字变动效果
Nov 06 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
Jun 15 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
vue 递归组件的简单使用示例
Jan 14 Vue.js
详解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安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
关于php内存不够用的快速解决方法
2013/10/26 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
php获取远程文件内容的函数
2015/11/02 PHP
php foreach如何跳出两层循环(详解)
2016/11/05 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
PHP添加文字水印或图片水印的水印类完整源代码与使用示例
2019/03/18 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
JS实现的随机排序功能算法示例
2017/06/09 Javascript
vue.js+Echarts开发图表放大缩小功能实例
2017/06/09 Javascript
Vue组件化开发思考
2018/02/02 Javascript
javascript实现手动点赞效果
2019/04/09 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
python中enumerate函数遍历元素用法分析
2016/03/11 Python
Python3.4实现从HTTP代理网站批量获取代理并筛选的方法示例
2017/09/26 Python
django之session与分页(实例讲解)
2017/11/13 Python
老生常谈python中的重载
2018/11/11 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
python判断字符串或者集合是否为空的实例
2019/01/23 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
python__name__原理及用法详解
2019/11/02 Python
如何使用repr调试python程序
2020/02/28 Python
艺术用品:Arteza
2018/11/25 全球购物
新加坡交友网站:be2新加坡
2019/04/10 全球购物
水利学院求职自荐书
2014/02/01 职场文书
六年级学生评语
2014/04/22 职场文书
企业党员一句话承诺
2014/05/30 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang