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


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 面向对象 继承
May 13 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
Jul 31 Javascript
js 通过cookie实现刷新不变化树形菜单
Oct 30 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
JS实现仿微博可关闭弹出层效果
Sep 21 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
Dec 08 Javascript
使用Nuxt.js改造已有项目的方法
Aug 07 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
Apr 17 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
antd table按表格里的日期去排序操作
Nov 17 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 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实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
解析php session_set_save_handler 函数的用法(mysql)
2013/06/29 PHP
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
BootStrap制作导航条实例代码
2016/05/06 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
vue-router跳转页面的方法
2017/02/09 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
2017/11/07 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
一步步教会你微信小程序的登录鉴权
2018/04/09 Javascript
js捆绑TypeScript声明文件的方法教程
2018/04/13 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
python生成日历实例解析
2014/08/21 Python
Python科学计算之Pandas详解
2017/01/15 Python
利用python模拟实现POST请求提交图片的方法
2017/07/25 Python
Python 删除连续出现的指定字符的实例
2018/06/29 Python
详解Python中is和==的区别
2019/03/21 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
如何写python的配置文件
2020/06/07 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
详解anaconda安装步骤
2020/11/23 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
Hotels.com南非:酒店预订
2017/11/02 全球购物
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
个人自我评价范文
2014/02/05 职场文书
十佳党员事迹材料
2014/08/28 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
初中政治教师教学反思
2016/02/23 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
pandas中DataFrame检测重复值的实现
2021/05/26 Python