Question

下面是我用于更改网站背景颜色的Javascript，但是当这种颜色发生变化时，是否有办法更改页面正文中的文字？

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

Answer 1

简单地将文本放在数组中（使用jquery从某些元素中获取它 - 无论你想要它）迭代它并在更改颜色时使用html()函数更改div中的内容。 / p>

简单修改代码就像

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

使用Javascript更改背景颜色时文本更改

1 个答案: