圖片加載完成再執(zhí)行事件的實例
更新時間:2017年11月16日 09:34:12 作者:哈哈敲敲
下面小編就為大家分享一篇圖片加載完成再執(zhí)行事件的實例,具有很好的參考價值,一起跟隨小編過來看看吧,希望對大家有所幫助
實例如下:
//圖片加載 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; }
應用場景:一些圖片較多的頁面,一些需要加上進度條或者百分比讀取等加載效果的頁面,一般移動端頁面用得比較多
以上這篇圖片加載完成再執(zhí)行事件的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
js面向對象封裝級聯(lián)下拉菜單列表的實現(xiàn)步驟
這篇文章主要介紹了js面向對象封裝級聯(lián)下拉菜單列表的實現(xiàn)步驟,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2021-02-02JavaScript蒙板(model)功能的簡單實現(xiàn)代碼
本文給大家介紹JavaScript蒙板(model)功能的簡單實現(xiàn)代碼,創(chuàng)建一個蒙板, 設置蒙板的堆疊順序保證能將其它元素蓋住,感興趣的朋友可以參考下實現(xiàn)代碼2016-08-08Js中的Object.entries()基本知識詳細分析(附Demo)
Object.entries方法能將對象的可枚舉屬性轉為數(shù)組,每個元素是鍵值對數(shù)組,可用于for...of迭代,下面這篇文章主要介紹了Js中的Object.entries()基本知識的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09js之如何刪除多層數(shù)組嵌套的最后一層中的部分數(shù)據(jù)
這篇文章主要介紹了js之如何刪除多層數(shù)組嵌套的最后一層中的部分數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06