您的位置：首页 > 其它

随机背景颜色的生成

2017-06-12 19:30 211 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
background:lavender;
}
</style>
</head>
<body>
<button id="btn">替换背景颜色</button>
<script type="text/javascript">
window.onload=function(){
var oBtn=document.getElementById("btn");
function bg(){
//用rgb格式生成随机的颜色，rgb每一项的数字都是0到255,因此每一项的长度为256
//Math.random 生成0到1之间的随机数，与256相乘则会得到0到256之间的随机数
//再用Math.floor向下取整之后，则得到的是0到255的随机整数，则rgb(r,g,b)可以实现颜色的随机性
var r = Math.floor( Math.random()*256);
var b = Math.floor( Math.random()*256);
<
4000
span class="hljs-keyword">var g = Math.floor( Math.random()*256);
return "rgb("+r+","+g+","+b+")";
}
oBtn.onclick=function(){
//当我们点击切换按钮时，函数被调用，则背景颜色也就会随机改变
document.body.style.background=bg();
}
}
</script>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航