Сделал небольшую логику на основе требования. Старался изо всех сил удовлетворить приведенную ниже проблему. Но логика, приведенная ниже, все еще поражает.
Если мышь посетителя выходит за пределы окна, отображается всплывающее окно (это отлично работает)
Но нам нужно показывать всплывающее окно только тогда, когда пользователь находился на этой странице более 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
