javascript - 頁面跳轉後在返回上一頁，清除定時器

Question

有一個需求是點擊商品就會彈出一個遮罩層，中間是一個等待載入狀態的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();
     })

Answer 1

雷雷

Answer 2

出個簡單的辦法，在每次進入商品頁的時候都對頁面進行一次初始化。 。 。這樣可以在最短時間內解決一些問題，而且副作用很小