Popup Display once in homepage

Hi i have a popup script for blogger but ,i dont want it again to be apperaed once again when returning to homepage when he seen it before like it should present only once for the user

  <b:if cond='data:blog.url == data:blog.homepageUrl'> 
  <div class='popup-overlay'>
  <div class='popup-container'>
    <div class='popup-close'>+</div>
    <b> <h2 class='popup-title'>Welcome to Free Community!</h2></b>
    <p class='popup-description'>
     Hi,
   Thank you for Visiting up for our Website. We appreciate your interest.
   We will do our best to Bring you More Fun Videos for GTA 5 ,Thank You!
    </p>
   

    </div>
    </div>
    <script>
    const popupOverlay = document.querySelector(&quot;.popup-overlay&quot;);
   const popupClose = document.querySelector(&quot;.popup-close&quot;);

   popupClose.addEventListener(&quot;click&quot;, () =&gt; {
   popupOverlay.style.display = &quot;none&quot;;
    });

   setTimeout(() =&gt; {
   popupOverlay.style.display = &quot;block&quot;;
   }, 3000);
   </script>
   </b:if>