zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    php数据缓存到文件类设计
    php静态文件缓存示例
    php array_merge和“+”的区别和使用《细说php2》
    kafka环境安装及简单使用(单机版)
    Protobuf的上手使用
    Java8新特性概览
    Mock测试框架(Mockito为例)
    Java序列化与反序列化
    系统/项目环境搭建
    关于Tomcat服务器中的协议及请求过程
  • 原文地址:https://www.cnblogs.com/libin-1/p/5972266.html
Copyright © 2011-2022 走看看