Utilizzo di clearTimeout per annullare un evento di timeout

Question

Ho il seguente codice ma il timeout chiaro non funziona e non riesco a capire perché, qualcuno ha qualche idea? (Utilizzando il framework Prototype)

Grazie

function foo() { 
    $("navigation").observe('mouseover', 
     function (event) { 
      clearTimeout(bar); 
     } 
    ).observe('mouseout', 
     function (event) { 
      setTimeout(bar, 1000); 
     } 
    ); 
} 

function bar() { 
    alert("hi"); 
} 

Answer 1

è necessario memorizzare il risultato di setTimeout in un variabile e utilizzare clearTimeout per cancellare quella variabile, non la funzione:

var timer; 

function foo() { 
    $("navigation").observe('mouseover', 
     function (event) { 
       clearTimeout(timer); 
     } 
    ).observe('mouseout', 
     function (event) { 
       timer = setTimeout(bar, 1000); 
     } 
    ); 
} 

function bar() { 
    alert("hi"); 
} 

Answer 2

Poiché la funzione clearTimeout prendere l'argomento restituito dalla funzione setTimeout:

var t = null; 
function foo() { 
    $("navigation").observe('mouseover', 
     function (event) { 
      if (t != null) clearTimeout(t); 
     } 
    ).observe('mouseout', 
     function (event) { 
      t = setTimeout(bar, 1000); 
     } 
    ); 
} 

function bar() { 
    alert("hi"); 
} 

Answer 3

Vedi la documentazione Mozilla su window.setTimeout():

setTimeout ritorna in realtà un riferimento che è possibile utilizzare per clear the timeout:

tId = setTimeout(bar, 1000); 
clearTimeout(tId);