How do I execute a function after a three seconds of event fired?

Question

I need to execute a function while mouse hover.But i want to execute only when mouse hover for over 2 or 3 seconds.Or else i don't want to execute the function.

Answer 1

You must have heard of setTimeout() function in javascript.. it accepts a timeout and a callback function as arguments. When you execute setTimeout function, it waits for the timeout secs and then executes the callback function.

In your specific case, you can have a flag variable which gets set when the mouse enters and unset then the mouse leaves. And then also execute setTimeout with mouse enter event, When the callback function of setTimeout executes , it should check the flag status before performing the desired operation.