Как добавить задержку к функции мыши?

Question

Я делаю приложение для календаря с помощью плагина jQuery FullCalendar, и я сделал вкладку слева от календаря с недельными от 1 до 6. Когда пользователь перетаскивает указатель мыши на одну из недель, календарь переключается на представление соответствующего вида. Это работает, но может быть неприятно для пользователя, если они делают это случайно. Таким образом, я хочу добавить задержку к функции, так что это произойдет только тогда, когда пользователь наведет ее на несколько сотен миллисекунд, так что это произойдет меньше, если пользователь не захочет этого.

$('#week3').mouseover(function() { 
    $('#week3').css('color', 'white'); 
    $('#week3').css('background-color', '#6B8BA9'); 
    $('#week3').week3(); 

Я хочу добавить короткую задержку перед $('#week3').css('color', 'white');

Answer 1

Если я правильно понять вас, то вы будете необходимо более полное решение, например, ниже

var mouse_monitor 

$('#week3').mouseover(function() { 
    mouse_monitor = setTimeout(function(){ 
    $('#week3').css('color', 'white'); 
    $('#week3').css('background-color', '#6B8BA9'); 
    $('#week3').week3(); 
    }, 1500) 
}); 

$('#week3').mouseout(function() { clearTimeout(mouse_monitor); } 

var mouse_monitor - это глобальная ссылка на вашу функцию таймаута. В другом сообщении отсутствует функция mouseout, которая гарантирует, что ваша функция mouseover не будет срабатывать, если пользователь переместит мышь с целевой цели до истечения срока действия setTimeout. Другие примеры все равно будут ссылаться на вашу функцию mouseover каждый раз, но с добавленной задержкой, поэтому они не будут работать для того, что, как я думаю, вы пытаетесь достичь.

Answer 2

вы ищете setTimeout

Answer 3

Используйте тайм-аут:

$('#week3').on({ 
    mouseenter: function() { 
     var that = this; 

     $(that).data('timer', 
      setTimeout(function() { 
       $(that).css('color', 'white'); 
      },1000) 
     ).css('background-color', '#6B8BA9').week3(); 
    }, 
    mouseleave: function() { 
     clearTimeout($(this).data('timer')); 
    } 
});