您的位置：首页 > Web前端 > JavaScript

js实现的随机颜色实例代码

2016-02-21 22:14 936 查看

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
#thediv{
width:100px;
height:100px;
}
</style>
<script type="text/javascript">
var colorList=["#FFFF99","#B5FF91","#94DBFF","#FFBAFF","#FFBD9D","#C7A3ED","#CC9898","#8AC007"];
for(var i=0;i<colorList.length;i++){
var bgColor=getColorByRandom(colorList);
}
function getColorByRandom(colorList){
var colorIndex=Math.floor(Math.random()*colorList.length);
var color=colorList[colorIndex];
colorList.splice(colorIndex,1);
return color;
}
window.onload=function(){
var odiv=document.getElementById("thediv");
function func(){
odiv.style.backgroundColor=getColorByRandom(colorList);
}
setInterval(func,1000);
}
</script>
</head>
<body>
<div id="thediv"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航