stop function that run with setTimeout

Question

I want stop my function that run with setTimeout and do not show image followed mouse. I want do that with button click, how do that? my code:

Answer 1

var foobarTimeout = setTimeout(foobar, 1000);

...

clearTimeout(foobarTimeout);

See:
https://developer.mozilla.org/en/DOM/window.setTimeout
https://developer.mozilla.org/en/DOM/window.clearTimeout

Answer 2

Save the return value of setTimeout, which is a "handle" for the timer, and when you want to cancel it, call clearTimeout with that value.

So in your code, you'd declare a timerHandle variable somewhere appropriate, then set it here:

if (displayduration > 0)
    timerHandle = setTimeout("hidetrail()", displayduration * 1000);

...and then create a button click handler:

function cancelTimeoutOnClick() {
    if (timerHandle) {
        clearTimeout(timerHandle);
        timerHandle = 0;
    }
}

---

Off-topic: It's almost never best practice to pass strings into setTimeout, that's an implicit eval. In your case, just pass the function reference:

if (displayduration > 0)
    timerHandle = setTimeout(hidetrail, displayduration * 1000);
                          // ^--- Difference here (no quotes, no parentheses)

Answer 3

you use timeout like >

var myTimeout = setTimeout(yourfunction);

and then you can cancel it >

clearTimeout(myTimeout);