Показать div только один раз за посещение/установить cookie

Question

Я пытаюсь установить элемент, чтобы он показывался только один раз за посещение. Это стрелка вниз по стрелке на моей домашней странице, и, как только пользователь ее получит, ее больше не потребуется. Поэтому я не хочу, чтобы он показывался, пока пользователь просматривает мой веб-сайт, однако, когда он снова посещает его в будущем, он снова появляется. Я новичок и не могу это решить. Мой код:

 setTimeout(function() { 
 
      $('.scroll_down').show() 
 
      }, 2000); 
 
      var $element = $('.scroll_down'); // fade out/in on scroll 
 
      $(window).scroll(function() { 
 
       if($(this).scrollTop() > 0) { 
 
       $element.fadeOut(1000); 
 
       } 
 
     });

Я также хотел бы стрелку, чтобы исчезнуть в России, но мои попытки не увенчались успехом. Спасибо, ребята

Answer 1

Пожалуйста, напишите код печенья следующим образом:

jQuery(document).ready(function($){ 
if($.cookie('show_div_once') != 'yes'){ 
    your_code_for_show_div; 
} 
$.cookie('show_div_once', 'yes', { path: '/', expires: 365 }); 
}); 

Answer 2

Я использовал LocalStorage

firstSiteLoad = (function() { 
    var checkSupport; 
    checkSupport = function() { 
    var e, error, support; 
    try { 
     support = 'localStorage' in window && (window['localStorage'] != null); 
    } catch (error) { 
     e = error; 
     support = false; 
    } 
    return support; 
    }; 
    return function() { 
    if (!checkSupport()) { 
     return false; 
    } 
    if (localStorage.getItem("not_first_load")) { 
     return false; 
    } else { 
     localStorage.setItem("not_first_load", 'true'); 
     return true; 
    } 
    }; 
})(); 

вы можете использовать его if (firstSiteLoad()) { //your code }