Javascript 如何将一个类添加到一个div，让它等待一段时间，然后将另一个类添加到另一个div？

到目前为止，我可以将一个类应用于一个div，但我希望它随后将另一个类添加到另一个div，以使该显示和淡入淡出

我希望第一页淡出，关于页面淡入（或项目或联系人页面）

---

我想您正在寻找setTimeout（）函数：

$('#start').addClass('fadeOutUp');
setTimeout(function() {
   // executed after 2 seconds
   $('#about').addClass('animated fadeInDown');
}, 2000);

---

编辑：但是关于fadeIn/fadeOut，您还可以查看

$（“选择器”）.fadeIn（“慢”，function（）{/*callback here*/}）
您可以使用内置的jQuery方法和

这样，“大约”将在“开始”淡出后立即淡入。如果需要不同的动画，可以使用该方法指定动画

您也可以使用setTimeout方法，但据我所知，您希望一个div消失，另一个div立即出现。我认为在这种情况下，链接两个动画是更好的选择

而且，@pszaba是对的。您不应该使用onclick属性。您应该像这样使用事件处理程序：

$("#about").click(function(){
    $('#start').fadeOut(500, function(){
        $('#about').fadeIn(500);
    });
});

（这段代码实际上没有意义，因为#about元素是不可见的，因此无法单击：）只需将其用作您自己实现的参考。）
请使用类似于：$（'li'）。在（'click'，'a'，function（）{}）上，我在再次阅读问题后得到了@vape的相同想法，这可能更适合您的需要
$('#start').addClass('fadeOutUp');
setTimeout(function() {
   // executed after 2 seconds
   $('#about').addClass('animated fadeInDown');
}, 2000);

$('#start').fadeOut(500, function(){
    $('#about').fadeIn(500);
})

$("#about").click(function(){
    $('#start').fadeOut(500, function(){
        $('#about').fadeIn(500);
    });
});