Javascript 如何创建一个在3秒后开始消失的div？

默认情况下，我希望在页面顶部显示一个div，但是当您加载页面时，会启动一个3秒计时器，之后该div开始淡出，直到消失。关于如何做到这一点，我有一些想法，但我不完全确定：

将css中div的转换设置为我希望它花费的时间 淡出，并将背景色/颜色设置为不透明度为0的rgba值

当页面加载时，使用setTimeout在开始处创建3秒计时器

我被卡住了

---

这可能是最简单的方法。在动画上设置

向前

很重要，因此动画完成后不透明度不会重置

@关键帧淡出{
到{不透明度：0；}
}
.事情{
宽度：100px；
高度：100px；
背景色：红色；
动画：.5s淡出向前3s；
}

---

到目前为止有代码吗？听起来像是分析瘫痪。开始尝试一些东西，看看什么工作非常简单，完全按照您描述的步骤进行