Как заставить код срабатывать через определенное время?

Question

[Злой Негр]

У меня есть код:

$(function(){
    $("ul.dropdown li").hover(
      function (){
        $(this).addClass("hover");
        $('ul:first',this).css('display', 'block');

    }, function(){

        $(this).removeClass("hover");
        $('ul:first',this).css('display', 'none');

    }
    );
});

Проблема следующая.. Мне нужно чтобы при hover функция срабатывала не сразу, а через 1 секунду.
Пробовал приспособить setTimeout, пробовал им вызывать функцию, а к функции присвоить название.. Но не сработало..
Что я делаю не так?

ах, да.. Нужно чтобы это срабатывало каждый раз при hover, подвел мышь к элементу - отсчет пошел и сработала функция. Подвел к другому такому же элементу - отсчет пошел и все тоже самое.

Comments

[Злой Негр]

Вопрос элементарный, я понимаю. Но что-то я запутался..

Answer 1

[0xD34F]

Пробовал приспособить setTimeout, пробовал им вызывать функцию, а к функции присвоить название.. Но не сработало..
Что я делаю не так?

Не знаю, что вы делаете не так - вы же не показали, как вы пытались использовать setTimeout. Осмелюсь предположить, что вы контекст потеряли.

Comments

[Злой Негр]

Я пытался присвоить название к функции getstart и добавить setTimeout, который должен вызвать эту функцию.

$('ul.dropdown li').hover(setTimeout("getstart()", 1000));
$(function getstart(){
    $("ul.dropdown li").hover(
      function (){
        $(this).addClass("hover");
        $('ul:first',this).css('display', 'block');

    }, function(){

        $(this).removeClass("hover");
        $('ul:first',this).css('display', 'none');

    }
    );
});

[0xD34F]

Злой Негр, насколько я понял, вы пытались сделать нечто такое.

[Злой Негр]

0xD34F, Все совершенно так. Все работает.
Благодарю Вас за помощь в решении моего вопроса!

[Злой Негр]

0xD34F, Ой.. Совсем забыл.. А как сделать, чтобы все работало только в том случае если элемент hover? через if попробовал, но ничего не изменилось..
Сейчас элемент срабатывает даже если мимолетно подвести мышь и убрать. А нужно, чтобы только в момент, когда мышь подведена.

Вот так хотел, но не сработало:

$(function(){
if($("ul.dropdown li") == hover()){
  $("ul.dropdown li").hover(function () {
    setTimeout(() => {
      $(this).addClass("hover");
      $('ul:first',this).css('display', 'block');
    }, 500);
  }, function() {
    setTimeout(() => {
      $(this).removeClass("hover");
      $('ul:first',this).css('display', 'none');
    }, 0);
  });
}
});

..Еще раз огромное спасибо!

[0xD34F]

Злой Негр, так?

[Злой Негр]

0xD34F, Все, именно так! Я у Вас в долгу, серьезно :)

Answer 2

[Stalker_RED]

Если я правильно понимаю что вы делаете, то это делается вообще без jQuery

ul.dropdown li ul {
  display: none;
}
ul.dropdown li:hover ul:first-of-type {
    display: block;
}