How to stop a running function in JS?

Question

The function called on mouseleave, has got setTimeout 3000. If the cursor goes over the same element before 3s have passed, the function continues working. How to prevent it with the mouseenter event?

Answer 1

var timeout = setTimeout (leaveFunct,3000)
element.onmouseenter = function(){
clearTimeout (timeout)
}

Answer 2

You can use a combination of setTimeout() and clearTimeout() to achieve this affect.

The setTimeout() method returns a unique ID that can be used to clear timer created by the setTimeout() via clearTimeout().

The returned ID is a positive integer value which identifies the timer created by the call to setTimeout() this value can be passed to clearTimeout() to cancel the timeout.

Here's an example code:
https://code.sololearn.com/WNYe6SgxoviZ/?ref=app

Answer 3

Xianort , Kevin Star , thank you very much!