jQuery - Entfernen der CSS-Klasse nach 5 Sekunden

Ich bin das hinzufügen einer CSS-Klasse dynamisch für Artikel.
Wenn der Artikel veröffentlicht hat, vor kurzem habe ich mich bewerbe CSS-Klasse als Artikel-ungelesen, aber nach 5 Sekunden, diese Klasse muss automatisch Geändert werden, um Artikel-Lesen.
Kann jemand bitte mir helfen?

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

Geige

  • welche Anstrengung hast du gemacht mit deinem javascript?
InformationsquelleAutor Prasad | 2014-12-09
  1. 8

    können Sie .setTimeout() zusammen mit Dauer bis 5 Sek.

    Würden Sie auch verwenden müssen .addClass() und .removeClass() für das hinzufügen der neuen Klasse und das entfernen von alten Klasse:

    setTimeout(function(){
    $('.article-unread').removeClass('article-unread').addClass('article-read');
},5000);
    • downvoters Pflege zu kommentieren 🙂
    InformationsquelleAutor Milind Anantwar
  2. 4

    Verwenden setTimeout:

    setTimeout(function() {
    $('.article-read').addClass('sss');
},5000);
    InformationsquelleAutor Barlas Apaydin
Schreibe einen Kommentar