1

Например на странице имеется объект при наведении на который появляется попап, как сделать, чтобы его вызов был возможен только один раз в 10 минут.

6
  • Посмотрите в сторону localstorage или cookies?
    – Xdan
    23 мар 2018 в 15:10
  • 1
    При наведении, просто создайте куку с mktime на 10 минут и при каждом наведении сверяйте время куки и реальное время.
    – Arsen
    23 мар 2018 в 15:10
  • @Arsen спасибо, хороший совет, но к сожалению только разбираюсь в js и еще не работал с куками и как я понял mktime это функция php. Если не сложно, можно привести небольшой пример или ссылку где можно почитать, буду разбираться.
    – kost1k
    23 мар 2018 в 15:41
  • @kost1k например, недавно был вопрос. Один из ответов - сохранение данных с помощью cookies, другой - с помощью localStorage. Нужно лишь адаптировать сохранение и загрузку под ваши нужды.
    – Regent
    23 мар 2018 в 16:06
  • А если пользователь перегрузил старицу, то эти 10 минут продолжаться должны или скидываться? 23 мар 2018 в 16:18

1 ответ 1

0

Приведу пример, надо протестировать, написал на скорую руку )։

   function setCookie(cookieName, cookieValue, nDays) {
        var today = new Date();
        var expire = new Date();
        if (nDays == null || nDays == 0)
            nDays = 1;
        expire.setTime(today.getTime() + 3600000 * 24 * nDays);
        document.cookie = cookieName + "=" + escape(cookieValue) +
            ";expires=" + expire.toGMTString() +
            ";path=/";

    }


    function getCookie(c_name) {
        var i, x, y, ARRcookies = document.cookie.split(";");
        for (i = 0; i < ARRcookies.length; i++) {
            x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
            y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
            x = x.replace(/^\s+|\s+$/g, "");
            if (x == c_name) {
                return unescape(y);
            }
        }
    }

var current = new Date();


    /*Получаем куку*/
    var check = getCookie('hover');

    /*mktime*/
    var mktime = current.getTime();

    /*Для сверки прибавляем 10 минут - 600 секунд*/
    var after10min = mktime + parseInt(600);

   if(check){ 
    if (check > after10min) {
        console.log('Делаем наведение');

        /*Вставляем новую куку*/
        setCookie('hover', seconds, 1);
    } else {
        console.log('10 минут пока не прошло');
    }
   } else{
        console.log('Делаем наведение');

        /*Вставляем новую куку*/
        setCookie('hover', seconds, 1);

   }
14
  • Сложновато пока для моего восприятия, но теоретически я понял что мне нужно и возможно мой вариант будет даже попроще. Вот что надумал: при наведении на объект я проверяю наличие куки, если нет то показываю попап и создаю куку на 10 минут. Может в твоем ответе это и описано, но я немного по другому понял( Как проверить наличие конкретной куки?
    – kost1k
    23 мар 2018 в 18:11
  • @kost1k именно это я и показал в примере :) там же в комментариях я расписал что и как
    – Arsen
    23 мар 2018 в 18:41
  • Прошу прощения за мою назойливость, но очень хочется разобраться)
    – kost1k
    24 мар 2018 в 12:47
  • @kost1k я привёл детальный пример, что не понятно там ? ))
    – Arsen
    24 мар 2018 в 12:55
  • Как я понимаю твой код. Первая функция служит для создания куки, вторая возвращает нам параметр времени куки с заданным именем (вот кстати unescape уже не рекомендуют использовать developer.mozilla.org/ru/docs/Web/JavaScript/Reference/…). Дальше переменная after10min которая отсчитывает 10 минут, вроде время в миллисекундах считается, почему мы тогда 600 прибавляем? Дальше идет проверка, если есть такая кука и ее время больше 10 минут то срабатывает наведение и создается новая кука на 1 день.
    – kost1k
    24 мар 2018 в 13:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.