81、随机颜色案例

yu
yu
2024-10-04 / 0 评论 / 6 阅读 / 正在检测是否收录...
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1.自定义一个随机颜色函数
        function getRandomColor(flag){ //flag = true
            // 3.如果是true 则返回 #ffffff
            if(flag){
                let str = "#"
                let arr = ['0','1','2','3','4','5','6','7','9','a','b','c','d','e','f']
                // 利用for循环随机抽6次,累加到str里面
                for (let i = 1; i <=6; i++){
                    // 每次要随机从数组里面抽取一个
                    // random 是随机的索引号
                    let random = Math.floor(Math.random() * arr.length)
                    str += arr[random]
                }
            }else{
              // 4.否则是 false 则返回rgb(255,255,255)
              let r = Math.floor(Math.random() * 256)
              let g = Math.floor(Math.random() * 256)
              let b = Math.floor(Math.random() * 256)
              return `rgb(${r},${g},${b})`
            }
        }
        // 2.调用函数 getRandomColor(布尔值)
        console.log(getRandomColor(false))
        console.log(getRandomColor(true))


        const body = document.querySelector('body')
        body.style.backgroundColor = getRandomColor()
    </script>
</body>
</html>
0

评论 (0)

取消