Javascript 自动更改背景颜色不起作用

Question

我想在页面上创建 2 个链接:

• 如果你点击第一个，它应该每 n 秒改变一次背景颜色
• 第二个应该阻止这个

这是我认为应该有效的 javascript 代码:

var nIntervId;

function changeColor() {
  nIntervId = setInterval(flashColor, 500);
}

function flashColor() {
var oElem = document.getElementById("hidden");

var index = Math.round(Math.random() * 9);
var ColorValue;
if(index == 1)
ColorValue = "FFCCCC";
if(index == 2)
ColorValue = "CCAFFF";
if(index == 3)
ColorValue = "A6BEFF";
if(index == 4)
ColorValue = "99FFFF";
if(index == 5)
ColorValue = "D5CCBB";
if(index == 6)
ColorValue = "99FF99";
if(index == 7)
ColorValue = "FFFF99";
if(index == 8)
ColorValue = "FFCC99";
if(index == 9)
ColorValue = "CCCCCC";
oElem.style.backgroundColor=ColorValue;
}

function stopColor() {
  clearInterval(nIntervId);
}

这里是调用它的 html 代码:

<a href="javascript:void(0)" onclick="changeColor();" style="color:#FFF;">Change</a>
<a href="javascript:void(0)" onclick="stopColor();" style="color:#FFF;">STOP</a>

但它根本不起作用。我是不是忘记了什么？

谢谢你的帮助

安迪

Answer 1

需要在颜色值前加“#”

点赞“#CCCCCC”