js随机模块颜色

MonroeYu

于 2017-02-17 16:47:00 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/m0_37238192/article/details/86150118

js随机模块颜色

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<title>js </title>
</head>
<body>
<script type="text/javascript">

function getcl(){
var arr = []                                             
i =0;                                                    
C = '0123456789ABCDEF';                                  
while(i++ < 6){                                       
x=Math.random()*16;                                
b=parseInt(x);                                    
c=C.substr(b,1);                               
arr.push(c);                                    
}
var cl = "#"+ arr.join('');                            
return cl;
}
document.write(cl);                               
function setColor(){                                
document.getElementById("myDiv").style.backgroundColor = getcl();       
}
</script>
<div id="myDiv" style="width:200px;height:200px;"></div>
<input type="button" value="myDiv"
onclick="setColor()" />
</body>
</html>