jQuery - 5秒后删除CSS类

Question

我正在为Articles动态添加CSS类。 如果文章最近发布，我将CSS类应用为文章未读，但在 5 秒后，此类必须自动更改为 article-read < / strong>即可。 有人可以帮帮我吗？

HTML：

<section class="news-articles">
    <article class="article-unread">Unread Article</article>
    <article class="article-read">Read Article</article>
</section>

CSS

.article-unread {color:red;}
.article-read {color:green;}

Fiddle

Answer 1

您可以使用.setTimeout()并将持续时间设置为5秒。

您还需要使用.addClass()和.removeClass()添加新类并删除旧类：

setTimeout(function(){
    $('.article-unread').removeClass('article-unread').addClass('article-read');
},5000);

Answer 2

使用setTimeout：

setTimeout(function() {
    $('.article-read').addClass('sss');
},5000);