彩虹条

最新推荐文章于 2023-06-01 21:09:11 发布

三岁就很~酷~

最新推荐文章于 2023-06-01 21:09:11 发布

阅读量198

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/CSDNchaxundaima/article/details/113460753

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

通过随机数来随机生成颜色，颜色构成是#+数字1~9和字母a-f之间6位以内

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
    </ul>
</body>
</html>
<script>
    //Math.ceil()向上取整
    //Math.floor()向下取整
    //Math.round()四舍五入
    //随机数函数
    let rond=function(max,min){
        return Math.round(Math.random()*(max-min))+min
    }
    let oLi=document.getElementsByTagName("li")
    let color="#";
    let str="0123456789abcdef"
    for(let i=0;i<str.length;i++){
        color="#";
        for(let j=0;j<6;j++){
            color+=str.charAt(rond(0,15))
        }
        oLi[i].style.backgroundColor=color;
    }
</script>