Javascript 使按钮在几秒钟后出现

我正在为我的网站做一个“登录页”，我把我所有的练习都放在那里。 我想让我的按钮在几秒钟后“淡入”。我该怎么做

这是我的按钮类：

.fadeButton

我在jquery上走了这么远，让它在几秒钟后变成动画：

$（“.fadeButton”）.delay（6000）

但是我不知道如何让按钮淡入而不是直接显示它
最简单的方法可能是使用animate.css（）。然后，只需将带有“动画”和“fadeIn”的类添加到任何要淡入的元素中即可。请尝试以下操作：
页面完全加载后，2秒钟后淡入（使用jquery.fadeIn（））按钮


$（窗口）.on（'load'，function（））{
$（'.fadeButton'）.delay（2000）.fadeIn（）
})
.fadeButton{
显示：无；
}

css文件中的按钮说：

.fadeButton {
    opacity: 0;
    transition: opacity 0.5s;
}

在javascript的onload部分或页面上的某个地方说：

setTimeout(function(){
    $('.fadeButton').css({'opacity':'1'})
}, 2000);


无需加载另一个js库，也无需降低网站速度
使用jQuery动画所需的处理能力大约是css转换的10-100倍，这会使页面负载急剧增加
当您从“显示：无”开始时，按钮不会占用任何空间，并且会在设计上出现跳跃-这就是为什么我更喜欢设置不透明动画
请记住，当加载页面（或从“显示：无”开始）时，所有动画都从完成状态开始
试试这个


$（“按钮”）。单击（函数（）{
$（“#div1”）.fadeIn（）；
美元（“#div2”）.fadeIn（“慢”）；
美元(第三分部).法代因(3000);；
});

使用不同的参数演示fadeIn（）。
单击以淡入框






是否尝试过CSS动画？你还没有发布你的HTML，但请确保它可以很容易地在CSS中完成，使用
动画延迟
和
转换
我需要的是动画延迟！谢谢你，巴德！不客气：）您可以使用.fadeIn:
$（“.fadeButton”）.delay（6000.fadeIn（）淡入淡入这太好了，我找不到任何东西来做。通常我不使用css，这可能是我不知道的原因：d这就是
.delay（）
的用途。不需要设置超时。非常感谢，我们学校没有css课程，但我仍然想要一些很酷的登录页：D