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>
  • 相关阅读:
    poj3068
    tyvj1864 [Poetize I]守卫者的挑战
    BZOJ1597 [Usaco2008 Mar]土地购买
    [AtCoder Regular Contest 083] Bichrome Tree
    [LUOGU]3919 【模板】可持久化数组
    [LUOGU]P3701 主席树(假的)
    2018.7.20模拟赛
    [CodeForces]1006F Xor Path
    2018.7.19模拟赛
    [LUOGU]P1373 小a和uim之大逃离
  • 原文地址:https://www.cnblogs.com/libin-1/p/5972266.html
Copyright © 2011-2022 走看看