我是靠谱客的博主 舒适银耳汤,最近开发中收集的这篇文章主要介绍请封装一个获取随机颜色的函数,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

标题

请封装一个获取随机颜色的函数

要求:该函数接收一个布尔类型参数,表示颜色的格式是十六进制还是rgb格式

flag:布尔类型
flag如果是true: 打印出 十六进制颜色
flag 如果是 false:打印出 rgb格式颜色

       //0-9和a-f之间的数字和字母 放进一个数组
        let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f']
        //随机获取arr里面任意一个元素
        let arr1 = arr[GetRandom(0, arr.length - 1)]
        
        //生成一个函数

        function getRandomColor(flag) {
            //判断输入的flag是true还是false
            if (flag === false) {
                // rgb颜色格式0-255之间的任意数字  例如rgb(111,222,255)
                let rgba = `rgb( ${GetRandom(0, 255)} ,  ${GetRandom(0, 255)}  ,      ${GetRandom(0, 255)})`
                console.log(rgba);
            }
            if (flag === true) {
                //十六进制格式 #fff125  由0-9和a-f之间的数字和字母自由组合
                let shiliu = `#${arr1}${arr1}${arr1}${arr1}${arr1}${arr1}`
                console.log(shiliu);
            }

        };
        //任意获取最大值到最小值之间的一个函数
        function GetRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        getRandomColor(true)
        getRandomColor(false)

    </script>

最后

以上就是舒适银耳汤为你收集整理的请封装一个获取随机颜色的函数的全部内容,希望文章能够帮你解决请封装一个获取随机颜色的函数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(67)

评论列表共有 0 条评论

立即
投稿
返回
顶部