Как добавить задержку к jQuery .addClass и .removeClass?

Question

Мне нужно добавить задержку в .addClass и .removeClass для 200ms здесь:

jQuery('.class').hover(() => jQuery('#custom').addClass('addedclass'), () => jQuery('#custom').removeClass('addedclass'));

Я попробовал этот пример jQuery: Могу ли я позвонить delay () между addClass () и такими? но структура там немного другая.

Answer 1

Вы можете использовать setTimeout для достижения этого.

jQuery('.class').hover(
() => setTimeout(() => jQuery('#custom').addClass('addedclass'), 200), 

() => setTimeout(() => jQuery('#custom').removeClass('addedclass'), 200));

.addedclass{
color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="class">
  <p id="custom">Text</p>
</div>