圖片加載完成再執(zhí)行事件的實(shí)例
更新時(shí)間：2017年11月16日 09:34:12 作者：哈哈敲敲
下面小編就為大家分享一篇圖片加載完成再執(zhí)行事件的實(shí)例，具有很好的參考價(jià)值，一起跟隨小編過(guò)來(lái)看看吧，希望對(duì)大家有所幫助
實(shí)例如下：
//圖片加載
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;
}
應(yīng)用場(chǎng)景：一些圖片較多的頁(yè)面，一些需要加上進(jìn)度條或者百分比讀取等加載效果的頁(yè)面，一般移動(dòng)端頁(yè)面用得比較多
以上這篇圖片加載完成再執(zhí)行事件的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
原生JS與CSS實(shí)現(xiàn)軟件卸載對(duì)話框功能
今天給大家分享一個(gè)特別有意思的軟件卸載對(duì)話框功能，本段代碼是基于js 與css實(shí)現(xiàn)的，感興趣的朋友跟隨小編一起看看吧2019-12-12
js面向?qū)ο蠓庋b級(jí)聯(lián)下拉菜單列表的實(shí)現(xiàn)步驟
這篇文章主要介紹了js面向?qū)ο蠓庋b級(jí)聯(lián)下拉菜單列表的實(shí)現(xiàn)步驟，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-02-02
JavaScript蒙板(model)功能的簡(jiǎn)單實(shí)現(xiàn)代碼
本文給大家介紹JavaScript蒙板(model)功能的簡(jiǎn)單實(shí)現(xiàn)代碼，創(chuàng)建一個(gè)蒙板, 設(shè)置蒙板的堆疊順序保證能將其它元素蓋住，感興趣的朋友可以參考下實(shí)現(xiàn)代碼2016-08-08
Js動(dòng)態(tài)添加復(fù)選框Checkbox的實(shí)例方法
Js動(dòng)態(tài)添加復(fù)選框Checkbox的實(shí)例方法，需要的朋友可以參考一下2013-04-04
這篇文章主要給大家介紹了關(guān)于es5 類與es6中class區(qū)別的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
Js中的Object.entries()基本知識(shí)詳細(xì)分析(附Demo)
Object.entries方法能將對(duì)象的可枚舉屬性轉(zhuǎn)為數(shù)組,每個(gè)元素是鍵值對(duì)數(shù)組,可用于for...of迭代,下面這篇文章主要介紹了Js中的Object.entries()基本知識(shí)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
微信小程序上傳帖子的實(shí)例代碼(含有文字圖片的微信驗(yàn)證)
這篇文章主要介紹了小程序上傳帖子(含有文字圖片的微信驗(yàn)證)的實(shí)例代碼，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
Javascript也提供了對(duì)數(shù)字進(jìn)行格式化輸出的支持，需要的朋友可以參考下。2011-01-01
js之如何刪除多層數(shù)組嵌套的最后一層中的部分?jǐn)?shù)據(jù)
這篇文章主要介紹了js之如何刪除多層數(shù)組嵌套的最后一層中的部分?jǐn)?shù)據(jù)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
另一個(gè)javascript小測(cè)驗(yàn)(代碼集合)
共25道題，測(cè)試內(nèi)容包括運(yùn)算符，表達(dá)式，語(yǔ)句，javascript語(yǔ)言特性，JSON語(yǔ)法，數(shù)組，正則等。2011-07-07