Php 应用于页面元素的数组随机颜色

我有一个元素列表，所有元素都需要从一系列颜色中随机应用背景色

我的HTML结构很简单：

<ul class="moreorless-list">
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
</ul>

话
话
话
话
话
话

例如，颜色数组可以是：#ffffff、#111111、#22222、#333333等

我需要从数组中获取颜色并随机应用到列表中；这当然意味着某些颜色重复两次是可以的

有什么办法可以做到这一点吗？首选PHP或JS。

试试以下方法：

function get_random_color() {
    function c() {
        return rand_num(256).toString(16);
      }
      return "#"+c()+c()+c();
      }

---

如果您有颜色集，请使用以下选项：

$colors = array("#FFFFFF", "#000000", "#333333");
$rand_keys = array_rand($colors);

试试这个：

function getRandomColor(colorArray)
{
   return colorArray[Math.floor(Math.random()*colorArray.length)];
}

我倾向于建议：

var options = ['#ffffff', '#111111', '#222222', '#333333'];

function randomColour(el, colours){
    return colours[Math.floor(Math.random()*colours.length)];
}

var spans = document.getElementsByTagName('span');
for (var i = 0, len = spans.length; i<len; i++){
    spans[i].style.backgroundColor = randomColour(this,options);
}

var-options=['ffffffff'、'111111'、'2222222'、'333333'；
功能随机颜色（el、颜色）{
返回颜色[Math.floor（Math.random（）*colors.length）]；
}
var span=document.getElementsByTagName（'span'）；
对于（var i=0，len=span.length；i基本上，您需要从数组中获取一个随机值。在PHP中，您可以使用
array\u rand
（）来实现这一点。一个方法可能类似于：

<?php
    function randomColor() {
        $colorArray = array('#ffffff', '#111111', '#222222', '#333333', ...);
        return $colorArray[array_rand($colorArray)]; // array_rand() only returns the key
    }
?>

<ul class="moreorless-list">
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <!-- ... -->
</ul>



不过，我有一套我想用的颜色。谢谢。
<?php
    function randomColor() {
        $colorArray = array('#ffffff', '#111111', '#222222', '#333333', ...);
        return $colorArray[array_rand($colorArray)]; // array_rand() only returns the key
    }
?>

<ul class="moreorless-list">
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <li style="background-color:<?php echo randomColor(); ?>"><span>Word</span></li>
    <!-- ... -->
</ul>