JaredWinter
@JaredWinter
Помог? - Отметь решением.

Как показывать Pop-Up только раз в день?

Всем привет.
У меня есть Pop-Up. Мне нужно чтобы он появлялся для каждого отдельного юзера только раз в день. Я знаю что нужно использовать cookies, но т.к. я не очень силен в JS, мне нужно пошаговое руководство как это сделать. То ли я плохо искал, то ли действительно нет нормального и главное правильного решения этой задачи. Кому не сложно, помогите.
https://jsfiddle.net/g6kto03y/
  • Вопрос задан
  • 1814 просмотров
Пригласить эксперта
Ответы на вопрос 2
Xserber
@Xserber
Full-stack developer. React.js, AngularJS + NodeJS
Использовать localStorage.
1. Показываем модальное окно.
2. Получаем текущий день и записываем его в localStorage.
3. При следующих заходах на сайт, считываем значение, если оно совпадает с текущим ни чего не выполняем.
4. Иначе смотрим п.1

P.S. Вариантов много, а главное доступно без хитростей на VanillaJS
Ответ написан
Комментировать
p00h
@p00h
Фехтовальщик-стропальщик
Взято отсюда
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
        <script type="text/javascript" src="https://github.com/carhartl/jquery-cookie/raw/master/jquery.cookie.js"></script>
        <script type="text/javascript">                                         
        $(document).ready(function() {
            if( $.cookie('showOnlyOne') ){
                //it is still within the day
                //hide the div
                $('#shownOnlyOnceADay').hide();
            } else {
                //either cookie already expired, or user never visit the site
                //create the cookie
                $.cookie('showOnlyOne', 'showOnlyOne', { expires: 1 });

                //and display the div
                $('#shownOnlyOnceADay').show();
            }
        });
        </script>     
    </head>
    <body>
        <div id="shownOnlyOnceADay">
            This text should only be shown once a day!
        </div>
    </body>
</html>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы