圖片加載完成再執(zhí)行事件的實(shí)例
實(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)用場景:一些圖片較多的頁面,一些需要加上進(jìn)度條或者百分比讀取等加載效果的頁面,一般移動(dòng)端頁面用得比較多
以上這篇圖片加載完成再執(zhí)行事件的實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
原生JS與CSS實(shí)現(xiàn)軟件卸載對話框功能
今天給大家分享一個(gè)特別有意思的軟件卸載對話框功能,本段代碼是基于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)功能的簡單實(shí)現(xiàn)代碼
本文給大家介紹JavaScript蒙板(model)功能的簡單實(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
Js中的Object.entries()基本知識(shí)詳細(xì)分析(附Demo)
Object.entries方法能將對象的可枚舉屬性轉(zhuǎn)為數(shù)組,每個(gè)元素是鍵值對數(shù)組,可用于for...of迭代,下面這篇文章主要介紹了Js中的Object.entries()基本知識(shí)的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
微信小程序上傳帖子的實(shí)例代碼(含有文字圖片的微信驗(yàn)證)
這篇文章主要介紹了小程序上傳帖子(含有文字圖片的微信驗(yàn)證)的實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
js之如何刪除多層數(shù)組嵌套的最后一層中的部分?jǐn)?shù)據(jù)
這篇文章主要介紹了js之如何刪除多層數(shù)組嵌套的最后一層中的部分?jǐn)?shù)據(jù)問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06
另一個(gè)javascript小測驗(yàn)(代碼集合)
共25道題,測試內(nèi)容包括運(yùn)算符,表達(dá)式,語句,javascript語言特性,JSON語法,數(shù)組,正則等。2011-07-07

