//===結構程式碼

　　<img  src="./loading.gif" />

//===首先在頁面顯示的是一個loading圖  當請求返回的時候把返回的圖片替換上去

//====js程式碼

let imgArr = [

　　'./beautiful.jpg',

　　'./beautiful.jpg',

　　'./beautiflu.jpg',

　　'./beautiful.jpg',

]

let imgwrap =[ ]

function perloading (arr) {  

　　fror(let i=0;i<arr.length;i++) {

　　　//可省略　imgwrap[i] = new Image()

　　　//可省略　imgwrap[i].src =arr[i]

　　　　//===在這裡使用setTimeout模擬網路請求

　　　　setTimeout(()=>{

　　　　　　$('.img').src= arr[i]

　　　　},1000)

　　}

}

//====呼叫函式

perloading(imgArr)

頁面開啟時的效果圖

請求返回後的效果: