javascript - Après un saut de page, revenez à la page précédente et effacez le minuteur

Question

Il est obligatoire que lorsque vous cliquez sur le produit, un calque de masque apparaisse, avec un gif en attente de chargement au milieu. Si l'état du réseau n'est pas bon et qu'il n'y a pas de saut après 30 secondes, cela vous sera demandé. l'état actuel du réseau n'est pas bon. Le calque de masque disparaît après trois secondes. Je l'ai testé sur un vrai appareil iOS. Lorsque je clique sur un produit, je passe à la page de détails du produit. Lorsque je clique pour revenir à la page précédente, le calque de masque existe toujours et il faut 30 secondes pour disparaître. Comment résoudre ce problème

  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

var time = setTimeout(function() {
    load.parentNode.removeChild(load)  
},3000)

//跳到商品详情页的时候移除setTimeout这个定时器
clearTimeout(time)

Answer 2

Trouvez un moyen simple d'initialiser la page à chaque fois que vous entrez dans la page produit. . . Cela peut résoudre certains problèmes dans les plus brefs délais et les effets secondaires sont très faibles