AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

js生成随机颜色方法代码分享(三种)

51自学网 http://www.wanshiok.com
js,生成,颜色

话不多说,请看代码

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body>  <button id="btn1">调用第一种</button>  <button id="bnt2">调用第二种</button>  <button id="btn3">调用第三种</button>  <script>   var btn1=document.getElementById('btn1');   btn1.onclick=function(){    document.body.style.background=bg1()   };   var btn2=document.getElementById('bnt2');   btn2.onclick=function(){    document.body.style.background=bg2();   };   var btn3=document.getElementById('btn3');   btn3.onclick=function(){    document.body.style.background=bg3();   };   function bg1(){    return '#'+Math.floor(Math.random()*256).toString(10);   }   function bg2(){    return '#'+Math.floor(Math.random()*0xffffff).toString(16);   }   function bg3(){    var r=Math.floor(Math.random()*256);    var g=Math.floor(Math.random()*256);    var b=Math.floor(Math.random()*256);    return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换   }  </script></body></html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持wanshiok.com!


js,生成,颜色  
上一篇:EasyUI学习之Combobox级联下拉列表(2)  下一篇:js实现把图片的绝对路径转为base64字符串、blob对象再上传