js如何动态批量设置随机颜色

程序猿 2021-03-14 18:37:32 1922浏览 加载中

费话不多说,直接上代码,其它自己脑补。

// html代码 有一堆的span
<span class="me">1</span><span class="me">2</span><span class="me">3</span>
<span class="me">4</span><span class="me">5</span><span class="me">9</span>
<span class="me">6</span><span class="me">7</span><span class="me">8</span>

使用JS给上面的span设置随机颜色

$(".me").each(function (){
    $(this).attr("style","color:" + getColor());
    console.log(getColor());
})
// 返回随机的RGB颜色
function getColor() {
    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+")";

}

赶紧去测试下吧。

最后修改:2024-12-21 20:19:54

非特殊说明,本博所有文章均为博主原创。