jQuery - 5秒后删除CSS类

Question

我正在为Articles动态添加CSS类.如果文章最近发布我将CSS类应用为文章未读,但在5秒后,此类必须自动更改为文章阅读.有人可以帮帮我吗？

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;}

小提琴

Answer 1

你可以使用.setTimeout()持续时间设置为5秒.

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

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