请选择 进入手机版 | 继续访问电脑版

81路工程师大巴 - 81Lu.Net

 找回密码
 立即注册
搜索
查看: 218|回复: 0
收起左侧

js几种生成随机颜色方法

[复制链接]
发表于 2017-12-9 00:40 | 显示全部楼层 |阅读模式

来不及解释了,快上车,享受更多福利,轻轻松松做大牛!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6. </head>
  7. <body>
  8.      <button id="btn1">调用第一种</button>
  9.      <button id="bnt2">调用第二种</button>
  10.      <button id="btn3">调用第三种</button>
  11.      <script>
  12.          var btn1=document.getElementById('btn1');
  13.          btn1.onclick=function(){
  14.              document.body.style.background=bg1()
  15.          };
  16.          var btn2=document.getElementById('bnt2');
  17.          btn2.onclick=function(){
  18.              document.body.style.background=bg2();
  19.          };
  20.          var btn3=document.getElementById('btn3');
  21.          btn3.onclick=function(){
  22.              document.body.style.background=bg3();
  23.          };
  24.          function bg1(){
  25.              return '#'+Math.floor(Math.random()*256).toString(10);
  26.          }
  27.          function bg2(){
  28.              return '#'+Math.floor(Math.random()*0xffffff).toString(16);
  29.          }
  30.          function bg3(){
  31.              var r=Math.floor(Math.random()*256);
  32.              var g=Math.floor(Math.random()*256);
  33.              var b=Math.floor(Math.random()*256);
  34.              return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
  35.          }
  36.      </script>
  37. </body>
  38. </html>
复制代码

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请及时给回复的帖子【加分】

当帖子分数用完后,则主题自动结贴,楼主可以返回50%的帖子分数。如果选择【无满意答案结贴】,则结帖后不返分!

添加对方为好友并关注TA,或许会有意想不到的收获!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|81路工程师大巴 - 81Lu.Net ( 豫ICP备15009715号 )

GMT+8, 2018-6-23 21:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表