2014-02-27 40 views
1

我想打一个页面上的2个链接:的Javascript更改背景颜色全自动不起作用

  • 如果单击第一个应该改变背景颜色每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> 

但它根本不起作用。我忘记了什么吗?

感谢您的帮助

安迪

回答

2

您需要的颜色值

像“#CCCCCC”

+0

什么业余的错误之前加一个“#” ......谢谢你的帮助。现在工作正常。 :) – CrazyAndy