使用clearTimeout取消超时事件

Question

我有以下代码，但清除超时不起作用，我不明白为什么，有没有人有任何想法？ （使用原型框架）

感谢

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

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

Answer 1

您需要的结果的存储setTimeout变量，并使用clearTimeout来清除该变量，而不是函数：

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

因为clearTimeout功能拍摄由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

参见window.setTimeout() Mozilla的文档：

的setTimeout实际上返回，你可以用它来clear the timeout参考：

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