数组中的jQuery随机项不起作用

时间:2014-04-06 20:48:29

标签: javascript jquery css arrays

我正在尝试分配随机背景颜色以达到td。我有一个数组:

var randomColor = ["red","blue","green","mint","yellow","lightPurple"];

和这个功能:

function setRandomColor(){
    return randomColor[Math.floor(Math.random() * randomColor.length)];
  }

这是jsfiddle:

http://jsfiddle.net/2J8yq/16/

您会注意到,每运行一次程序2-3次,td单元格将随机变为白色。有人知道为什么吗?我在阵列中没有白色作为选项。我不确定为什么td单元格会产生白色背景。

非常感谢任何帮助!

由于

2 个答案:

答案 0 :(得分:4)

lightPurplemint不是有效的颜色关键字。您收到错误,例如

  

预期颜色但发现'薄荷'。解析'background-color'的值时出错。声明被撤销。

请注意“声明已删除”。在末尾。这意味着浏览器不理解该规则,因此不会为元素分配任何背景颜色。

有效关键字列在specification

  

颜色关键字列表为:浅绿色,黑色,蓝色,紫红色,灰色,绿色,石灰色,栗色,海军蓝色,橄榄色,橙色,紫色,红色,银色,蓝绿色,白色和黄色。

答案 1 :(得分:-1)

OutOfRange。误差Δθ

假设随机函数生成1(从0-1生成) 然后乘以数组长度(6) 结果是你的引用元素超出了范围

数组基于零,因此最后一个元素索引是5而不是6