a fait une petite logique basée sur l'exigence. J'ai fait de mon mieux pour rencontrer le problème ci-dessous. Mais toujours frappé avec la logique sous la logique inférieure.
Si la souris du visiteur hors de la fenêtre, affichez la popup (cela fonctionne bien)
mais, nous devons montrer uniquement la popup, lorsque l'utilisateur était dans cette Page plus de 15 secondes et souris hors de la fenêtre. html JS:
3 Réponses :
Vous pouvez créer une variable de temps dans la charge de la page. Chaque fois que l'utilisateur fait la souris, laissez l'événement, vérifiez la différence d'heure et affichez la fenêtre contextuelle.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Vous n'avez pas besoin d'un délai d'attente pour cela. Vous pouvez stocker l'heure quelque part sur la charge de la page. Ensuite, lorsque l'utilisateur quitte la fenêtre, comparez l'heure actuelle avec l'une et si plus de 15 secondes, puis ouvrez la popup, sinon pas.
Essayez en dessous de la solution.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="demo-fancybox-modal" data-delaytoshow="15">
<div class="content">
Demo Content
</div>
<button data-fancybox-close="" class="fancybox-close-small" title="Close"><svg class="icon-container"><use href="icons/symbols.svg#i-close" xlink:href="icons/symbols.svg#i-close"></use></svg></button>
</div>
Semer la pop up chaque page 15 secondes?
Nous devons vérifier si l'utilisateur dans cette page pendant 15 secondes ou plus. Plus de 15 secondes signifie que si l'utilisateur souris hors de la fenêtre ... Besoin d'afficher la pop up Fancybox. C'est la logique requise