Using Javascript to trigger a setTimeout function after the user's mouse leaves

Question

Using Javascript to trigger a setTimeout function after the user's mouse leaves

There is a div that pops up when the user's mouse exits the webpage, containing a survey pertaining to my website.

I want to avoid prompting users to take the survey if they move their cursor out of the page within the first few minutes of browsing. Is there a way I can delay the activation of this mouseleave function?

Below is the code I have currently implemented without any timeout:

$(document).mouseleave(function () {
    document.getElementById("Overlay1").style.display = "";
});

Thank you very much!

javascript jquery html css

Answer 1

Answer №1

If you want to activate a function after a specific period, you can utilize window.setTimeout.

For instance:

    window.setTimeout(function(){
    $(document).mouseleave(function () {
            console.log('mouse exit');
            document.getElementById("Overlay1").style.display = "";
            });
        console.log('started');
    },5000);

Answer 2

If you want to activate a function after a specific period, you can utilize window.setTimeout.

For instance:

    window.setTimeout(function(){
    $(document).mouseleave(function () {
            console.log('mouse exit');
            document.getElementById("Overlay1").style.display = "";
            });
        console.log('started');
    },5000);

Answer 3

Answer №2

If you want to delay the execution of a function, one way is to use a setTimeout function like this:

 $(document).mouseleave(function() {
    var seconds = 3;

    //execute the function in 3 seconds
    setTimeout(function(){
        document.getElementById("Overlay1").style.display = "";
    },seconds*1000);
 });

Answer 4

If you want to delay the execution of a function, one way is to use a setTimeout function like this:

 $(document).mouseleave(function() {
    var seconds = 3;

    //execute the function in 3 seconds
    setTimeout(function(){
        document.getElementById("Overlay1").style.display = "";
    },seconds*1000);
 });

Using Javascript to trigger a setTimeout function after the user's mouse leaves

Answer №1

Answer №2

Similar questions

What are the main differences between Fluid Layout and Grid?

What steps can I take to prevent a css-generated svg file from occupying more space than the original image? My wave appears to be 239px tall, while the svg file is a massive 1500px in height

Error: The property 'fixtures' of an undefined object cannot be accessed. This issue arose from trying to access nested JSON data after making

Why is it necessary to include "ref" in the mongoose schema below? What potential consequences could arise if it is omitted?

Having trouble retrieving a JSON Element in JavaScript using the Object's property

How to effectively manage and utilize user queries with jQuery FlexBox to process submitted forms

I've noticed that every time I use the simple-encryptor npm to encrypt something, the output is always different

Guide on setting an attribute value with JavaScriptExecutor in Selenium WebDriver

Exploring the Depackaging of ES6 Nested Objects

What is the best way to showcase the chosen items in a dropdown menu?

Locate a particular word in every element within an array range (angularjs)

Issue encountered when validating password through submission rate limiting

Show the chosen choice in a select dropdown with custom text using Angular

The toggle for hiding and showing, along with changing the button color, is not functioning properly due to

What are some strategies for minimizing code repetition when implementing login functionality across various OAuth2 providers?

What is the method for determining if parsing is necessary or unnecessary?

Once the stripe token is generated, proceed to submit the form

The subscriber continues to run repeatedly, even after we have removed its subscription

Incorporating Subtitles into Videos using NodeJS and the FFMpeg Fluent API

Tips for positioning a React component above another component