Search jQuery

jQuery Forum

how to set hover delay in jquery;

in Getting Started • 9 years ago

Hi ,

how i can set delay in mouse hover , means if the mouse is on the div for 1,2 sec hover function should call , jquery simple hover function auto call immediately when mouse is on the div.

Replies(4)

dsvick

Re: how to set hover delay in jquery;

9 years ago

You could wrap the whole thing in a timeout, sort of like this:

.hover(
function() {
var timeout = setTimeout(function(){
// do stuff on hover
}, 2000);
},
function(){
clearTimeout(timeout);
// do stuff when hover off
}
);

I think there is a plugin that does a lot of hover functionality too, I've not used it though so I dont know what it is.

Dave

shanalikh..

Re: Re: how to set hover delay in jquery;

9 years ago

Hi , actually it does perform perform after certain time here that is 2 sec every time when mouse is hover on the div.

but i want function in such a way that if mouse is hovered for 2 sec upon a div than it should perform a function if if mouse hover for only 1 sec it donot perform this.

Thanks