刷新时更改背景颜色和文本颜色

Question

我正在使用一个在刷新时随机更改div背景颜色的网站。 我有一个工作代码：

var bgcolorlist = ['#FFFFFF', '#000000', '#298ACC', '#B079E0'];
$(function() {
$('#color-change').css({
background: bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
color: bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
});
});

问题是我正在尝试更改文本颜色以匹配当前背景颜色。但是现在使用我当前的代码，背景和文本颜色都会随机变化。如何解决只有div 的背景颜色随机更改并且文本颜色只会复制div 的当前颜色？

Answer 1

您需要为文本颜色创建另一个列表，并用适当的颜色填充它。下面是一个带有示例颜色的列表：

var textColorList = ['#000000', '#ffffff', '#00ff00', '#ff0000'];
var bgcolorlist = ['#FFFFFF', '#000000', '#298ACC', '#B079E0'];
$(function() {
var randomNumber = Math.floor(Math.random()*bgcolorlist.length)
$('#color-change').css({         
background: bgcolorlist[randomNumber]
color: textColorList[randomNumber]
});
});

Answer 2

var bgcolorlist = ['#FECE1B', '#F1585D', '#3BC2D6', '#A5CE39'];
$(function() {
var backgroundColor = bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)];
$('#color-change').css({
background: backgroundColor 
color: backgroundColor 
});
});

如何提取css功能的随机颜色输出站点？