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

  • Javascript-Script-Element setzen inneren Text
  • Javascript, Funktion, wenn das Kontrollkästchen unchecked div ist versteckt, erinnern Sie sich auf Seite aktualisieren
  • HTML-Eingabe-Typ = Datei, erhalten Sie das Bild vor dem Absenden des Formulars
  • HTML / Javascript: Iterate durch alle Elemente des lokalen (serverseitigen) Ordners
  • Event-Listener ohne Ereignis und Looping durch HTML-Sammlung
  • Hide Url aus <a> Tag auf View Page Source
  • Einen 10 Sekunden langen Timer für eine Winkel-JS-Anwendung machen
  • Zwei Seiten laden in zwei div onclick Ereignis ein
  • JQuery Selektor noch arbeiten, nachdem ich die Klasse zu entfernen?
  • Javascript: Berechnen Sie die Höhe von DIV minus Pixel
  • Wie man eine endlose / unendliche Rolle innerhalb eines DIV in Javascript / jQuery
  • Geben Sie benutzerdefinierte Klassen zu jedem TD für Styling - Datatables & jQuery
  • 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.