Textänderung, wenn Hintergrundfarbe mit Javascript ändert

Unten ist mein Javascript für das Ändern der Hintergrundfarbe einer Web site, aber gibt es eine Weise, Text im Körper der Seite zu ändern, wenn diese Änderung in der Farbe auftritt?

function changeColor(element, curNumber){ curNumber++; if(curNumber > 4){ curNumber = 1; } console.log(curNumber); element.addClass('color' + curNumber, 500); // So previous classes get removed. element.attr('class', 'color' + curNumber); setTimeout(function(){changeColor(element, curNumber)}, 1000); } changeColor($('#testElement'), 0); 

  • Schreiben in Datei in Javascript. funktioniert nicht
  • Datatables: Änderungshöhe der Tabelle funktioniert nicht
  • Wie man toggle (verstecken / zeigen) eine Tabelle onClick von <a> Tag im Java-Skript
  • Wie kann ich einen Platzhaltertext auf ng-table select filter setzen?
  • Zeigen Sie div der verschiedenen Seite, wenn Sie auf Element in der Indexseite schweben
  • Zugriff auf externen HTML-Seiteninhalt von Objekt-Tags
  • Wie kann ich beim Laden einer anderen HTML-Datei auf eine bestimmte Variable $ scope zugreifen?
  • JavaScript onClick addClass
  • Warum JS-Funktionsname in Konflikt mit Element-ID?
  • HTML Formular mit Sendemail
  • Welche html-Tags unterstützen die Onload / Onerror Javascript-Event-Attribute?
  • Kombiniere Texteingabetypen jquery mobile
  • One Solution collect form web for “Textänderung, wenn Hintergrundfarbe mit Javascript ändert”

    Einfach den Text in einem Array, (bekomme es von einigen Elementen mit jquery – wie du es willst) iterate durch sie und ändere den Inhalt innerhalb der div mit html() Funktion, wenn du die Farbe änderst.

    Einfache Änderung Ihres Codes wäre so etwas wie

     function changeColorAndText(element, curNumber){ curNumber++; if(curNumber > 4){ curNumber = 1; } element.addClass('color' + curNumber, 500); element.html(arr[curNumber]); element.attr('class', 'color' + curNumber); setTimeout(function(){changeColorAndText(element, curNumber)}, 1000); } var arr = ['hi','hello ','how ','are ','you ']; changeColorAndText($('#testElement '), 0); 

    JSFiddle

    Lassen Sie uns Javascript Schönheit und nützlich machen.