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


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 prototype 使用介绍
Aug 29 Javascript
原生js ActiveXObject获取execl里面的值
Nov 01 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
Javascript的无new构建实例详解
May 15 Javascript
jQuery实用密码强度检测
Mar 02 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
Nov 09 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
Mar 01 Javascript
node.js之基础加密算法模块crypto详解
Sep 11 Javascript
微信小程序开发问题之wx.previewImage
Dec 25 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
详解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
综合图片计数器
2006/10/09 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
JS+CSS实现一个气泡提示框
2013/08/18 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
linux平台使用Python制作BT种子并获取BT种子信息的方法
2017/01/20 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
详谈python http长连接客户端
2017/06/12 Python
在django admin中添加自定义视图的例子
2019/07/26 Python
python字典的常用方法总结
2019/07/31 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
python中的线程threading.Thread()使用详解
2019/12/17 Python
python sorted函数原理解析及练习
2020/02/10 Python
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
技术学校毕业生求职信分享
2013/12/02 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
何玥事迹观后感
2015/06/16 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
2016公务员年度考核评语
2015/12/01 职场文书
校园安全教育心得体会
2016/01/15 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL
5行Python代码实现一键批量扣图
2021/06/29 Python