Остановить двойную мышь над обнаружением

Question

У меня есть всплывающее окно, которое выполняется при наведении курсора с jquery.

В этой функции у меня есть секундная задержка перед всплывающими дисплеями с помощью SetTimeout

Проблемы заключается в том, если в этой секунде они мыши на несколько раз, то несколько всплывающих окна срабатывают.

$('#div').mouseover(function() {setTimeout("popup()",1000);}); 

Что мне нужно сделать, это отключить обнаружение, а затем включить его во всплывающем окне().

Как я могу это сделать?

Answer 1

Я думаю, что-то вроде этого

(function(){ 
    var popup_timer = 0; 
    $('#div').mouseover(function() { 
     clearTimeout(popup_timer); 
     popup_timer = setTimeout("popup()",1000); 
    }); 
}); 

ПРАВКИ обновленного кода, clearTimeout добавил, завернутые

Answer 2

Вы можете использовать .hover() с clearTimeout(), как это:

$('#div').hover(function() { 
    $.data(this, 'timer', setTimeout(popup, 1000)); 
}, function() { 
    clearTimeout($.data(this, 'timer')); 
}); 

Это очищает тайм-аут вы устанавливаете, если мышь выйдет, вам нужно будет оставаться на элементе на полную секунду для запуска всплывающего окна. Мы просто используем $.data() на элементе для хранения идентификатора таймера (чтобы мы знали, что нужно очистить). Другое изменение состоит в том, чтобы не передать строку setTimeout(), а скорее ссылку на функцию.