How can this popup only show once? [duplicate]

I want this popup to show only once. This seems to work with sessions / cookies. I don't know about the session. Please help me

$(document).ready(function() {
  var popup = setTimeout(function() {
    $('#popUp').css('display', 'block');
  }, 3000);
});

$('.close-popup').click(function() {
  $('#popUp').css('display', 'none');
  clearTimeout(popup);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="popUpmain">
  <form action="">
    <div id="popUp" style="display:none">
      <h1 class="popUp-heading">Sign Up</h1>
      <input type="text" class="pop-up-name" placeholder="Your Name">
      <input type="text" class="pop-up-email" placeholder="Email">
      <input type="text" class="pop-up-number" placeholder="Number">
      <select name="Select Product" id="" class="popup-select">
        <option value="Select Product active">Select Product</option>
        <option value="Mattress">Mattress</option>
        <option value="Select Product active">Comforter</option>
        <option value="Select Product active">pillow</option>
      </select>
      <button type="button" class="close-btn close-popup">Seign Up</button>
      <button type="button" class="close-btn close-popup">Not Now</button>
    </div>
  </form>
</div>