有一個需求是點擊商品就會彈出一個遮罩層，中間是一個等待載入狀態的gif圖，如果網路狀態不好30s後還沒跳轉，就提示目前網路狀態不佳。過三秒後遮罩層消失。 ios真機上測了一下，點擊商品的時候跳到商品詳情頁，在點擊返回上一頁的時候遮罩層依然存在，要過30s後才消失。如何解決這個問題

function Load() { var load = document.createElement('p'); load.className='load_ctn'; var load_img = document.createElement('img'); load_img.src="/public/images/loading.gif" load_img.className="load_pic"; load.appendChild(load_img); document.body.appendChild(load); var timer = setTimeout(function() { var network = document.createElement('p'); network.className="network"; network.innerHTML="您当前网络状态不佳，请稍后再试"; load.removeChild(load_img); load.appendChild(network); setTimeout(function() { load.parentNode.removeChild(load) },3000) },30000) } $("a").click(function() { Load(); })