如何用JS随机背景颜色？

JavaScript029

如何用JS随机背景颜色？,第1张

创建三个类名，三个类名分别给上三个背景颜色，如：

.bgColor0{background-color:#158AEA}

.bgColor1{background-color:#996633}

.bgColor2{background-color:#66FF00}

获取012三个随机数前面添加字符串'bgColor'就得到随机的类名，然后给相应的元素添加得到的随机类名就行了。

而要获取012三个随机数就用Math.floor(Math.random()*3)获取。

不过你要求背景色不能重复，那么就把三个类名放进一个数组里。已经使用的类名就用”数组名.shift“把它从数组中弹出。然后剩下的两个类名就要获取01两个随机数，就用Math.floor(Math.random()*2)获取0和1其中一个数。

剩下的你知道该怎么做了。

完整代码，终于写出来了，本人测试成功

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<script type="text/javascript">

window.onload = function(){

changeColor()

}

function changeColor(){

var r = parseInt(Math.random() * 255)

var g = parseInt(Math.random() * 255)

var b = parseInt(Math.random() * 255)

var colorHex = r.toString(16) + g.toString(16) + b.toString(16)

document.body.bgColor = "#"+colorHex

window.setTimeout("changeColor()",1000)

}

</script>

</HEAD>

<BODY>

</BODY>

</HTML>

你这写的也太复杂了吧

function createCode() {

  var code = "#",

     codeLength = 6,//颜色代码长度  

     selectChar = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9,'a','b','c','d','e','f')

  

  for (var i = 0 i < codeLength i++) {

    var charIndex = Math.floor(Math.random() * selectChar.length)

    code += selectChar[charIndex]

  }

  return code

}

$("body").css("background-color",createCode())