有一個需求是點擊商品就會彈出一個遮罩層,中間是一個等待載入狀態的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(); })
雷雷
出個簡單的辦法,在每次進入商品頁的時候都對頁面進行一次初始化。 。 。這樣可以在最短時間內解決一些問題,而且副作用很小