Posted in Javascript onOctober 15, 2016
废话不多说了直接给大家贴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>
以上所述是小编给大家介绍的JavaScript随机生成颜色的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!
JavaScript随机生成颜色的方法
- Author -
li_han声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@