Как сделать такое всплывающее окно?

Question

[Александр]

Нужно что бы всплывающее окно на fancybox срабатывало при 2-х условиях:

1. Посетитель пришел на сайт впервые
2. Посетитель провел на сайте менее 5 мин

как такое сделать?

Comments

[Виталий Инчин ☢]

Вопрос закрыт?

Answer 1

[Денис Букреев]

Стоит учитывать, что всплывающие сами по себе окна жутко раздражают посетителей.
Если на каком-либо сайте всплыло окно один раз - я уже напрягаюсь и хочу побыстрее закончить со своими делами на этом ресурсе, а если второй раз, то я скорее всего закрою сайт

Answer 2

[Андрей]

1. Поставте куку и отлавливайте, если нету то окно
2. Не очень понятно провел одну секунду или 2 минуты... а тут копать в сторону settimeout или setinterval

Comments

[Inwork277]

По поводу второго можно запоминать Date при входе и на onbeforeunload вычитать из текущего времени стартовое.

Но больше проблем в том, как Вы будете определять, что пользователь закрывает.
Есть конечно ивенты, но они слабо помогут, а алерты вешать, чтобы затормозить, дак за такое уже банят, нет?

Разве что можно отслеживать позицию курсора, и если Y<=0, то кидать фэнси.

Answer 3

[Виталий Инчин ☢]

var conditions = {
   firstCame : !( localStorage.getItem('firstCame') || localStorage.setItem("firstCame", true) );
   timeGap : Date.now() + 3e5; //3e5 = 300000 = 1000 * 60 * 5, т.е 5 минут
}

......
if(conditions.firstCame && Date.now() >= conditions.timeGap){
   //Что-то делаем
}
......

Более грубый вариант с проверкой 5-ти минут

var timeGap = false;
setTimeout(function(){ timeGap = true; }, 3e5);

......
if(timeGap){ ... }
......