jQuery获取随机颜色的实例代码

2024-05-06 16:44:32

字体：大中小

来源：转载

供稿：网友

1.js

//获取十六进制颜色   function randomColor1(){    var r = Math.floor(Math.random()*256);    var g = Math.floor(Math.random()*256);    var b = Math.floor(Math.random()*256);    if(r < 16){     r = "0"+r.toString(16);    }else{     r = r.toString(16);    }    if(g < 16){     g = "0"+g.toString(16);    }else{     g = g.toString(16);    }    if(b < 16){     b = "0"+b.toString(16);    }else{     b = b.toString(16);    }    return "#"+r+g+b;   }   $("h3").css("color",randomColor1());

2.html

.<h3>获取任意颜色</h3>

效果：

jquery,随机颜色,颜色

下面在看一段代码关于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>

总结

以上所述是小编给大家介绍的jQuery获取随机颜色的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持！

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：JS实现常见的查找、排序、去重算法示例

下一篇：Node.js进阶之核心模块https入门