Javascript Jquery显示和删除消息

这是我的css 我想展示一下，几秒钟后再深入研究一下。 怎么做。我在找一些教程，但没找到好的。

---

有人能帮我吗？请使用本机Javascript函数setTimeout。 setTimeout需要修改参数。第一个是函数，第二个是以毫秒为单位的等待时间。这将使其等待3秒钟以显示：

.newsUpdateComplited{
height: auto;
background-color: #C5FFB2;
border:1px solid black;
margin-left:5px;
margin-right:5px;
margin-top:10px;
border-radius: 5px;
padding:3px;
visibility:hidden;

您还可以使用jQuery的fadein获得更平滑的效果：

setTimeout( function(){
    $('.newsUpdateComplited').show();
}, 3000 );

此外，如果在实际的dom元素.newsUpdateCompleted之前插入此代码，则需要添加jQuery的dom就绪：

setTimeout( function(){
    $('.newsUpdateComplited').fadeIn();
}, 3000 );

---

你可以在上面设置一个计时器。这将是4秒

$(document).ready( function(){
    setTimeout( function(){
        $('.newsUpdateComplited').fadeIn();
    }, 3000 );
});

---

您可能需要更改可见性：隐藏；显示：无。

已经有一个JQuery答案和一个Javascript答案。考虑到问题缺乏明确性，为了多样性，我想建议一个纯CSS的替代方案

可以指定CSS关键帧动画，如下所示：

$('.newsUpdatedComplited').show();
setTimeout($('.newsUpdatedComplited').hide(), 4000);

然后将其添加到newsUpdate元素：

退房

免责声明：支持这样做是可怕的

---

JQuery在哪里？你需要在你的问题中包含代码。这是CSS，它与jQuery有什么关系？我在找人解释如何使用jQuery。这很好，但我想使用Display:None。你应该通过更改动画元素的高度来实现相同的效果。

@-webkit-keyframes animation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

-webkit-animation-name: animation;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 2s;
-webkit-animation-fill-mode: forwards;