javascript - 延迟切换类

Question

在此stackoverflow post接受的答案声称可以延迟使用 toggleClass 。但是我在官方jquery API website上没有找到任何关于延迟参数的信息。 .

我试过了，点击div后没有延迟。

$("div#test").click(function() {
    $(this).toggleClass('light', 2000).toggleClass('dark', 2000);
});

div {
  border: 1px dashed black;
}
.light {
  background-color: white;
}
.dark
{
  background-color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="light" id="test">
    <p style="color:red">click here</p>
</div>

Answer 1

您可以使用基本超时功能执行此操作:

$("div#test").click(function () {
    var el = $(this);
    window.setTimeout(function() {
        el.toggleClass('light').toggleClass('dark');
    }, 2000);
});

这比 jQuery 功能更有效；)