randomColor （2）--rgb（r，g，b）类型

来源：互联网发布：麻原彰晃知乎编辑：程序博客网时间：2024/06/10 05:39

英语专八转前端，还没踏入工作岗位，在家学习ing。
接着昨天的随机颜色，今天在页面放一个div和一个button，欲实现：click on button时，div换随机背景颜色；

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>randomColor</title>    <style>        div{            margin:200px auto 0 auto;            border:3px solid #ddd;            width:300px;            height:300px;            position: relative;        }    </style></head><body><div></div><button>点我</button><script>function $(selector){    return document.querySelector(selector);}function randomColor(){    var r=Math.floor(Math.random()*256);    var g=Math.floor(Math.random()*256);    var b=Math.floor(Math.random()*256);    return "r"+"g"+"b("+r+","+g+","+b+")";}$("button").onclick=function(){    $("div").style.background=randomColor();}</script></body></html>

在randomColor()，也可以传参数，生成一定颜色；

function randomColor(min,max){    var r=Math.floor(Math.random()*(max-min)+min);    var g=Math.floor(Math.random()*(max-min)+min);    var b=Math.floor(Math.random()*(max-min)+min);    return "r"+"g"+"b("+r+","+g+","+b+")";}

比如，randomColor(200,256)会生成浅色；
randomColor(0,100)会生成深色；

阅读全文

0 0