个人中心
gpt4 book ai didi

javascript - 使用圆形数组更改背景颜色项目

转载 作者：行者123 更新时间：2023-11-28 15:25:01 24 4
gpt4 key购买 nike

我面临着一个特殊的挑战，它正在杀死我，因为我不知道如何做我想做的事情。

我有 5 个项目:4 个宽度和高度均为 50px 的 div 以及正文。

我想创建一个函数来设置这些项目的背景颜色，例如:

var colors = ['red', 'blue', 'green', 'black', 'pink'];

div1 = red
div2 = blue
div3 = green
div4 = black
body = pink

如果浏览器重新加载，它们会发生变化:

div1 = pink
div2 = red
div3 = blue
div4 = green
body = black

如果浏览器发生变化，也会发生同样的情况...

有没有jquery插件可以做到这一点？我不知道从哪里开始..我已经在函数内创建了包含项目的数组:

HTML:

<body>
 <div></div>
 <div></div>
 <div></div>
 <div></div>
</body>

JS:

function changeColors() {
    var colors = ['red', 'blue', 'green', 'black', 'pink'];


}

changeColors();

最佳答案

您可以使用此函数随机打乱数组:

<script type="text/javascript">
function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex ;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}
</script>

这是如何应用它的:

<script type="text/javascript">
var colors = ['red', 'blue', 'green', 'black', 'pink'];
shuffle(colors);
// and your code to assign colors to divs and body
</script>

关于javascript - 使用圆形数组更改背景颜色项目，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29401646/

24 4 0
文章推荐： javascript - SVG 清除组
文章推荐： javascript - 根 css 不适用于 IE 浏览器
文章推荐： javascript - 仅在用户第一次在表单输入中键入时运行函数
文章推荐： ios - 将 UICollectionViewCell 滚动到背景而不是垂直
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com