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

  • So erstellen Sie einen JQuery Clock / Timer
  • Bester Ansatz für die Erstellung einer zeitempfindlichen Browser-App für den Desktop mit hoher Zeitgenauigkeit?
  • Countdown-Timer mit Reset-Funktion mit jquery und downCount
  • Nehmen Sie sich Zeit in Mikrosekunden zwischen zwei Funktionen
  • So erstellen Sie Timer auf JINT Javascript Seite
  • Javascript / Jquery Countdown Timer mit JSfiddle Beispiel?
  • Wie kann ich einen Ascx-Postback haben und mich automatisch alle X Sekunden aktualisieren?
  • JQuery, wie man Ereignis erträgt alle x Sekunden?
  • 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.