如何為 jQuery .addClass 和 .removeClass 添加延遲？

Question

我需要的延遲添加到.addClass和.removeClass為200ms位置：

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

我試過這個例子jQuery: Can I call delay() between addClass() and such? 但那里的結構略有不同。

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>