使用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);