title: How to get a popup to show up after 3 seconds but once per user using css and jquery?
body: <p>I'm new to using jQuery and am having trouble figuring out how to show a popup using css only once per user. I got the popup to work so that it shows up every time, I just need to only happen once per user.</p>
  <p>My HTML Code</p>
  <pre><code>&lt;div id=&quot;popUpMain&quot; style=&quot;display: none;&quot;&gt;
      &lt;div id=&quot;popup&quot;&gt;
        &lt;h1 id=&quot;newsHeading&quot;&gt;Join&lt;/h1&gt;
        &lt;a href=&quot;#linkHere&quot; target=&quot;_blank&quot;&gt;&lt;button class=&quot;buttonNews&quot;&gt;More Info&lt;/button&gt;&lt;/a&gt;
        &lt;button class=&quot;buttonNews&quot;&gt;No Thanks&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  <p>The script handling the jQuery</p>
  <pre><code>&lt;script&gt;
    $(document).ready(function(){
        setTimeout(function(){
        $('#popUpMain').css('display', 'block'); }, 3000);
    });
  
    $('.buttonNews').click(function(){
      $('#popUpMain').css('display', 'none')
    });
  &lt;/script&gt;
  </code></pre>
  <p>Thanks in advance.</p>