Как задать таймаут в JQuery?

Question

[No_Name0]

Я находил кучу примеров c setTimeout, везде записываются по разному...
Пожалуйста, продемонстрируйте работу setTimeout на этом коде:

$(document).ready(function(){
      $('.box').hover(function(){
        $(this).toggleClass('active');
//        Где-то тут Таймаут
        $(this).removeClass('active');
  });
});

Т.е, removeClass, срабатывает через определённое время, к примеру через 500 мс.

Answer 1

[pashted]

$(document).ready(function () {
            $('.box').hover(function () {
                var obj = $(this);
                obj.addClass('active');
                setTimeout(function () {
                    obj.removeClass('active');
                }, 500)

            });
        });

вот получше вариант
codepen.io/Pashted/pen/xRKWyb

Answer 2

[holfza]

Или так:

$(this).toggleClass('active').delay(3000).removeClass('active')