Uso de clearTimeout para cancelar un evento de tiempo de espera

Question

Tengo el siguiente código pero el tiempo de espera claro no funciona y no puedo entender por qué, ¿alguien tiene alguna idea? (Utilizando el marco Prototipo)

Gracias

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

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

Answer 1

necesita almacenar el resultado de setTimeout en una variable, y use clearTimeout para borrar esa variable, no la función:

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

Dado que la función clearTimeout tomar el argumento regresaron por la función 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

Consulte la documentación de Mozilla en window.setTimeout():

setTimeout realidad devuelve una referencia que se puede utilizar para clear the timeout:

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