延迟jquery中的代码

Question

我正在尝试按顺序添加和删除一些类，两者之间有延迟。 我有几个列表项目，当我点击另一个按钮时，我想顺序改变背景颜色（有点像闪烁效果）。

$("#changeclasses").click(function () {
    $(".listitem1").addClass("yellow");
    $(".listitem1").removeClass("yellow");   
    $(".listitem2").addClass("yellow");
    $(".listitem2").removeClass("yellow");      
});

我尝试了以下但显然它不起作用：/

$("#changeclasses").click(function () {
    $(".listitem1").addClass("yellow").delay(200);
    $(".listitem1").removeClass("yellow").delay(200);  
    $(".listitem2").addClass("yellow").delay(200);
    $(".listitem2").removeClass("yellow");        
});

任何帮助都会很棒！谢谢。

Answer 1

您应该考虑使用setTimeout

$("#changeclasses").click(function () {
    $(".listitem1").addClass("yellow");
    setTimeout(function(){ $(".listitem1").removeClass("yellow"); }, 200);
    setTimeout(function(){ $(".listitem2").addClass("yellow") }, 400);
    setTimeout(function(){ $(".listitem2").removeClass("yellow") }, 600);      
});