Как добавить задержку при наведении?

Question

[Сергей Бурдужа]

Когда навожу быстро несколько раз на элемент, то он появляется и исчезает циклично. Как задать задержку, чтобы в следующий раз он появился, например только через секунду?

var tooltip = $('.tooltip');
    var title;
    return this.each(function(){
    	$(this).mouseenter(function(){
    		title = $.trim($(this).attr('title'));
    		$(this).attr('title', '');
    		if(title === undefined || title === ''){
    			title = $(this).text();
    		}
    	}).mousemove(function(e){
    		var top = e.clientY + 20;
    		var left = e.clientX + 20;
    		tooltip.text(title).css({
    			'top': top,
    			'left': left,
    			'background': options.defBg,
    			'color': options.defColor
    		}).fadeIn(1000);
    	}).mouseleave(function(){
    		tooltip.fadeOut();
    		$(this).attr('title', title);
    	});

Answer 1

[Stalker_RED]

Если добавите задержку в анимацию, то он будет столько-же раз появляться и исчезать, только теперь еще и с задержкой побольше.

Больше подошел бы .finish() или .stop(), или даже throttle / debounce.

Comments

[Сергей Бурдужа]

finish и stop не помогают, нашел небольшой плагин wait, сейчас попробую

[Stalker_RED]

Сергей Бурдужа: финиш - завершит текущую анимацию. стоп - прервет ее.
throttle / debounce - задержка перед появлением и/или при кратковременном прерывании события.

[Сергей Бурдужа]

Это понятно, дело в том, что нужно не прерывать анимацию, а установить задержку после fadeIn, чтобы следующая анимация при наведении появилась с задержкой. Если я быстро махну над элементом несколько раз - подсказка не появлялось.

[Stalker_RED]

Сергей Бурдужа: throttle / debounce
(третий раз уже).