देरी() या स्टॉप() के साथ टाइमआउट?

Question

$('.file a').live('mouseenter', function() { 
    $('#download').stop(true, true).fadeIn('fast'); 
}).live('mouseleave', function() { 
    $('#download').stop(true, true).fadeOut('fast'); 
}); 

मैं mouseenter फ़ंक्शन stop() और 1 सेकंड की देरी के लिए चाहता हूं। तो, यदि मैं #download पर होवर करता हूं तो fadeIn को 1 सेकंड की देरी के बाद शुरू करना चाहिए। यदि मैं इस बीच माउस fadeIn शुरू नहीं करना चाहिए। मुझे मिलना?

मुझे वास्तव में यह नहीं पता कि यह कैसे करना है, कोई विचार?

Answer 1

इस मामले में आपको setTimeout() का उपयोग करने की आवश्यकता है क्योंकि .delay() काम करता है (और इसे रद्द करने में आपकी अक्षमता)।

$('.file a').live('mouseenter', function() { 
    $.data(this, 'timer', setTimeout(function() { 
     $('#download').stop(true, true).fadeIn('fast'); 
    }, 1000)); 
}).live('mouseleave', function() { 
    clearTimeout($.data(this, 'timer')); 
    $('#download').stop(true, true).fadeOut('fast'); 
}); 

You can give it a try here।

आप .delay() का उपयोग करते हैं यह तत्व के लिए अगले एनीमेशन, अगर आपको लगता है कि कतार में पहले को मंजूरी दे दी की परवाह किए बिना विपंक्ति करेंगे। तो आपको एक टाइमआउट की आवश्यकता है कि आप रद्द कर सकते हैं, जो उपर्युक्त मैन्युअल रूप से setTimeout() पर कॉल करके और $.data() के साथ परिणाम संग्रहीत कर रहा है ताकि आप clearTimeout() के माध्यम से इसे बाद में साफ़ कर सकें।

Answer 2

एक setTimeout सुविधा

$('.file a').live('mouseenter', function() { 
setTimeout(function(){ 
    $('#download').stop(true, true).fadeIn('fast'); 
}, 1000); 
}).live('mouseleave', function() { 
    $('#download').stop(true, true).fadeOut('fast'); 
}); 

setTimeout का प्रयोग करें (इस मामले 1000 में) निर्दिष्ट मिलीसेकंड के बाद समारोह के अंदर कोड को निष्पादित करेंगे।

Answer 3

आप इसे विलंब घटना के बिना jquery पर उपयोग कर सकते हैं।

$('.file a').hover(function() { 
    time = setTimeout(function() { 
    $('#download').fadeIn(); 
    },1000); 
},function(){ 
    clearTimeout(time); 
}); 

1000 आपका समय है कि उसके बाद $ ('# डाउनलोड') फीका होगा।

Answer 4

मैं एक ऐसी ही सवाल का जवाब के लिए देख रहा था, और मुझे लगता है कि .animate() भी इस संभाल करने के लिए इस्तेमाल किया जा सकता है, और यह .stop का अनुसरण करता है()

वह कुछ इस तरह दिखेगा पाया:

$('.file a').live('mouseenter', function() { 
    $('#download') 
     .stop(true, true) 
     .animate({opacity:0}, 1000);   // one second delay 
     .animate({opacity:1}, 'fast', 'swing'); 
}).live('mouseleave', function() { 
    $('#download') 
     .stop(true, true) 
     .animate({opacity:0}, 'slow', 'swing'); 
});