首页编程JS/AJAX文章详细

JavaScript 实现随机颜色的两种方法?

原创 2023-05-07 21:06:00 659

程序开发在我看来是死板的可是最近我在网上看了袁老师的课程之后发现其实不管是干什么,另辟蹊径也可能让人眼界焕然一新,不同的方法也可能达到一样的效果,javascript关于字符串的应用看似简单其实组合起来可以达到不同的效果,真是让人耳目一新。

传统方法一


 <script>
    function randomColor(){
        var r = Math.floor(Math.random()*256),
            g = Math.floor(Math.random()*256),
            b = Math.floor(Math.random()*256);
        return 'rgb('+r+','+g+','+b+')';
    }
    console.log(randomColor());
 </script>


另辟蹊径二


 <script>
    function randomColor(){
        var r = Math.random().toString(16).substring(2,8),
            g = Math.random().toString(16).substring(2,8),
            b = Math.random().toString(16).substring(2,8);
        return 'rgb(#'+r+',#'+g+',#'+b+')';
    }
    console.log(randomColor());
 </script>


推荐