費話不多說,直接上代碼,其它自己腦補。
codelayui.code
- // 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設置隨機顏色
codelayui.code
- $(".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+")";
- }
趕緊去測試下吧。