Показывать всплывающее окно после того, как пользователь находится на странице более 15 секунд. ⇐ Jquery

[Anonymous]

Сделал небольшую логику на основе требования. Старался изо всех сил удовлетворить приведенную ниже проблему. Но логика, приведенная ниже, все еще поражает.

Если мышь посетителя выходит за пределы окна, отображается всплывающее окно (это отлично работает)

Но нам нужно показывать всплывающее окно только тогда, когда пользователь находился на этой странице более 15 секунд и указатель мыши находился за пределами окна.

HTML



Demo Content





JS:

var dataDelayToShow = component.attr('data-delaytoshow');
var cookieDelaySecond = dataDelayToShow * 1000;
setTimeout(function () {
$.fancybox.open(component,{clickSlide: false});
}, cookieDelaySecond);

$(document).mouseleave(function () {
$.fancybox.open($('#demo-fancybox-modal') ,{clickSlide: false});
});


Подробнее здесь: https://stackoverflow.com/questions/587 ... 15-seconds