js如何動態(tài)批量設(shè)置隨機顏色

程序猿 2021-03-14 18:37:32 2199瀏覽 加載中

費話不多說,直接上代碼,其它自己腦補。

// 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設(shè)置隨機顏色

$(".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+")";

}

趕緊去測試下吧。

標(biāo)簽: 前端 jQuery 隨機顏色
最后修改:2025-04-04 10:26:04

非特殊說明,本博所有文章均為博主原創(chuàng)。

国产免费久久受久久,人妻AV成熟片久久久久久,亚洲综合无码日韩,国产AV无码乱码精品国产 www.sucaiwu.net