Javascript自动更改背景颜色不会';行不通
我想在一个页面上创建两个链接:Javascript自动更改背景颜色不会';行不通,javascript,setinterval,background-color,clearinterval,Javascript,Setinterval,Background Color,Clearinterval,我想在一个页面上创建两个链接: 如果您单击第一个,它应该每n秒更改一次背景色 第二个应该阻止这种情况 以下是我认为应该可以使用的javascript代码: var nIntervId; function changeColor() { nIntervId = setInterval(flashColor, 500); } function flashColor() { var oElem = document.getElementById("hidden"); var index
- 如果您单击第一个,它应该每n秒更改一次背景色
- 第二个应该阻止这种情况
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>
但它根本不起作用。我忘了什么吗
谢谢你的帮助
Andy您需要在颜色值之前添加一个“#”
就像“#cccc”多么业余的错误。。。谢谢你的帮助。现在可以了。:)