एक जावास्क्रिप्ट टाइमआउट खाली करने के लिए कैसे एक समारोह

Question

के भीतर निर्धारित thats मैं जावास्क्रिप्ट में एक पुनरावर्ती प्रकार समारोह है कि इस तरह से चलाता है है:

function loadThumb(thumb) { 
    rotate=setTimeout(function() { 
     loadThumb(next); 
    }, delay); 
} 

नोट: मैं इसे पढ़ने में आसान बनाने के लिए समारोह सरल बना दिया है।

मैं इस

<a href="#" onclick="loadThumb(3); clearTimeout(rotate);">Load thumb 3</a> 

की तरह कहा जाता है "एक" टैग हालांकि, वे टाइमर clearout नहीं है, टाइमर clearTimeout() का कार्य भले ही बुलाया जा रहा है के माध्यम से चक्र जारी है।

कोई विचार क्यों? मुझे लगता है कि इसमें किसी स्कोप समस्या या ऐसा कुछ करने के साथ कुछ करना पड़ सकता है।

Answer 1

हाँ, आप एक वैश्विक चर बारी बारी से करने की जरूरत है। सीधे शब्दों में तो जैसे समारोह के बाहर यह घोषणा:

var rotate; 
var delay = 1000; 

function loadThumb(thumb) { 
    alert("loading thumb: " + thumb); 
    rotate = setTimeout(function() { 
     loadThumb(thumb + 1); 
    }, delay); 
} 

इसके अलावा, आप सुनिश्चित करें कि आप से पहले का समय समाप्त स्पष्ट आप loadThumb फोन करने की जरूरत है। अन्यथा आप जिस टाइमर को अभी शुरू कर चुके हैं उसे साफ़ कर देंगे।

<a href="#" onclick="clearTimeout(rotate); loadThumb(3);">Load thumb 3</a> 

बेला: http://jsfiddle.net/63FUD/

Answer 2

वापसी लिंक

जब से तुम वर घुमाने उपयोग नहीं कर रहे पर झूठा, यह एक scoping मुद्दा नहीं होना चाहिए, क्योंकि घुमाने खिड़की दायरे में होगा। क्या आप पूरा कोड दिखा सकते हैं?

यह गरीब कोडिंग स्क्रिप्ट इनलाइन करने के लिए माना जाता है - आप पृष्ठ के ईवेंट हैंडलर ऑनलोड देते हैं चाहिए

इसके अलावा, आप एक समारोह है कि एक छवि

कोशिश के लिए कहा जा सकता है अंदर setTimeout नहीं होना चाहिए इस:

var rotate,next=1; 
function loadThumb(thumb) { 
    if (thumb) ... use thumb 
    else ... use next 
} 

function slide() { 
    rotate=setInterval(function() { 
     loadThumb(); 
     next++; 
     if (next>=images.length) next=0; 
    }, delay); 
} 

window.onload=function() { 
    var links = document.getElementsByTagName("a"); 
    if (links[i].className==="thumbLink") { 
    links[i].onclick=function() { 
     var idx = this.id.replace("link",""); 
     loadThumb(idx); 
     clearInterval(rotate); 
     return false; 
    } 
    } 
    document.getElementById("start").onclick=function() { 
    slide(); 
    return false; 
    } 
    document.getElementById("stop").onclick=function() { 
    clearInterval(rotate); 
    return false; 
    } 
    slide(); 
} 

संभालने

<a href="#" id="start">Start</a> 
<a href="#" id="stop">Stop</a> 

<a href="#" id="link0" class="thumbLink">Show 1</a> 
<a href="#" id="link1" class="thumbLink">Show 2</a> 
<a href="#" id="link2" class="thumbLink">Show 3</a> 

Answer 3

यह दायरे से मुद्दा हो सकता है तो वैश्विक चर के रूप में बारी बारी से कर सकते हैं और फोन clearTimeout(rotate);

उल्लेख clearTimeout() example

Answer 4

यह एक scoping मुद्दा हो सकता है अगर आप rotate बाह्य की घोषणा नहीं कर रहे हैं।

इस प्रयास करें:

var rotate = 0; 
function loadThumb(thumb) { 

    rotate=setTimeout(function() { 
     loadThumb(next); 
    }, delay); 

} 

Answer 5

मुझे यकीन है कि वास्तव में आप क्या कर रहे हैं नहीं कर रहा हूँ क्योंकि जहाँ तक मैं आप देख सकते हैं सभी कोड पोस्ट नहीं किया, लेकिन यह मेरे लिए बेहतर लग रहा है:

function loadThumb(thumb) { 

    return setTimeout(function() { 
     loadThumb(next); 
    }, delay); 

} 

और उसके बाद:

<a href="#" onclick="clearTimeout(loadThumb(3));">Load thumb 3</a> 

Answer 6

आप एक से अधिक समय समाप्ति का प्रबंधन करने के है, तो आप वैश्विक गुंजाइश और कुछ कस्टम तरीकों में किसी चीज़ का इस्तेमाल बनाते हैं और अपने समय समाप्ति दूर करने के लिए कर सकते हैं। विधियों तक पहुंचने के लिए आप या तो अपने लिंक के ऑनक्लिक हैंडलर (जैसे उदाहरण में) में कॉल डाल सकते हैं, या उन्हें बाइंड करने के लिए jQuery जैसी लाइब्रेरी का उपयोग कर सकते हैं।

<script type="text/javascript"> 
    var timeouts = timeouts || {}; 

    function createTimeout(name, milliseconds, callback) { 
     timeouts.name = setTimeout(callback, milliseconds); 
    } 

    function removeTimeout(name) { 
     if (typeof(timeouts.name) !== undefined) { 
      clearTimeout(timeouts.name); 
      timeouts.name = undefined; 
     } 
    } 

    createTimeout('foo', 5000, function() { 
     alert('timeout') 
    }); 
</script> 

मैं भी jsFiddle http://jsfiddle.net/AGpzs/