Javascript 仅当DIV.alpha完成其.delay（）时才显示DIV.bravo

如何在

div.alpha

完成后立即显示

div.Bravo

。延迟（1000）

我尝试了以下方法，发现.bravo偶尔会在.alpha仍然显示时出现。我假设这里应该使用if语句，但我还没有想到任何有效的方法

$(".alpha").delay(1000).hide(0);
$(".bravo").delay(1000).show(0);

---

有什么想法吗？

您可以将其放入回调函数中：

$(".alpha").delay(1000).hide(0, function() {
      //whatever you put here will happen after .alpha finishes hiding
      $(".bravo").delay(1000).show(0);
})

---

仅使用一个延迟，同时切换元件：

$(".alpha").delay(1000).hide(0, function(){
  $(".bravo").show(0);
});

或者使用超时而不是延迟：

window.setTimeout(function(){
  $(".alpha").hide(0);
  $(".bravo").show(0);
}, 1000);

---

工作得很有魅力。干杯