Как правильно прикрутить setTimeout для mouseenter/mouseleave?

Question

[ApachEsH]

Нужен delay в 5000ms для mouseenter/mouseleave. Но при одном условии, если курсор убран раньше 5 секунд, то функцию не выполнять

$('#box').mouseenter(function(){
	console.log('Навел');
});

$('#box').mouseleave(function(){
	console.log('Убрал');
});

Answer 1

[Александр Таратин]

https://jsfiddle.net/L7ub1jsn/

function enter(){
console.log('Навел');
}
var timeout = null;

$('#box').mouseenter(function(){
  clearTimeout(timeout);
  timeout = setTimeout(enter, 5000);
});

$('#box').mouseleave(function(){
  clearTimeout(timeout);
});

Comments

[ApachEsH]

Спасибо)