js生成随机颜色方法代码分享(三种)
2016-12-29 15:45
661 查看
话不多说,请看代码
<!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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- js jquery获取随机生成id的服务器控件的三种方法
- js随机生成网页背景颜色的方法
- js随机生成颜色代码
- JS实现随机生成十六进制颜色值的代码
- JS随机生成不重复数据的代码分享
- js随机生成网页背景颜色的方法
- JS随机生成不重复数据的代码分享
- js几种生成随机颜色方法
- js jquery获取随机生成id的服务器控件的三种方法
- JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!三种方法!
- PHP生成随机密码的三种方法
- php生成随机密码的三种方法小结
- js全屏显示显示代码的三种方法
- jquery交替变换颜色的三种方法 实例代码
- Java代码生成随机十六进制颜色代码
- js全屏显示显示代码的三种方法
- 关于JS控制代码暂停的实现方法分享
- asp.net 事务的处理,dts 的设置,asp.net三种事务处理方法,三层架构,微软企业库,动软生成器生成的代码下如何使用事务
- js全屏显示显示代码的三种方法
- 数组中的数据随机排列的生成代码及方法