टाइमआउट ईवेंट को रद्द करने के लिए 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() पर मोज़िला डॉक्स देखें:

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