CODEWITHSUNDEEP
javascriptonmouseout
jumbojs
jumbojs

Reputation: 4868

Javascript onmouseout Sleep?

In Javascript, I want my onmouseout event to sleep/pause/wait/ (not sure of the proper terminology here) for three seconds before taking effect. How is that accomplished?

thanks

Upvotes: 0

Views: 942

Answers (2)

Andreas Grech
Andreas Grech

Reputation: 108000

var doSomething = function () {
    //Some code will here after 3 seconds of mouseout
};

anElement.onmouseout = function () {
   setTimeout(doSomething, 3000);
};

What the above code does is execute the doSomething function after 3 seconds of the onmouseout being invoked

Upvotes: 1

Georg Schölly
Georg Schölly

Reputation: 126155

function outfunction(event) {
    var that = this; // to be able to use this later.
    window.setTimeout(function() {
        …
    /* you can use 'that' here to refer to the element
       event is also available in this scope */
    }, 3000);
}

Upvotes: 3

Related Questions