Javascript 我怎样才能让这些灯按顺序闪烁？

这是我第一次编码——我在Codecademy上做了一些学习，但对于我下一步要做的任务，我遇到了一些困难

我想让我在这个网格中的颜色以个人和顺序闪烁，但我不知道如何去做！到目前为止，这就是我所拥有的，但我不知道下一步该怎么做——在尝试了这么多不同的XD变体后，在过去的5个小时里，我一直在为如何修复它而烦恼

变量着色框={ 黄箱：[ “黄色” ], 绿箱：[ “绿色” ], 蓝盒：[ “蓝色” ], 白盒：[ “白色” ], 橙盒：[ “橙色” ] };

---

我不会为您编写代码，但我会给您一些步骤

首先，当你想按顺序检查盒子时，你需要数字。彩色框是一个以字符串作为键的对象，可以在对象上循环，但不能保证顺序。 因此，请改用数组，如下所示：

var colouredboxes = new Array(
        {'yellowbox','yellow'},
        {'greenbox','green'}
        {'bluebox','blue'},
        {'whitebox','white'},
        {'orangebox','orange'}
    );

---

现在你可以得到一个fori=0；我设法让它工作起来了，这是小提琴

请解释：

var coloredbox={yellowbox:['yellow']，greenbox:['green']，bluebox:['blue']，whitebox:['white']，orangebox:['orange']}； 计数器=0.1； 对于彩色框中的x{ 设置颜色开关X，计数器； 计数器++； } console.logObject.keys coloredbox.length； 函数setColorSwitchid，定时{ setTimeoutfunction{ document.getElementByIdid.style.background=彩色框[id][0]； setTimeoutfunction{document.getElementByIdid.style.background=黑色； setColorSwitchid，Object.KeysColoredBox.length-1；} ,1000} ，1000*定时； } .集装箱{ 溢出：隐藏； 宽度：860px； } .盒子{ 宽度：210px； 高度：50px； 浮动：左； 背景色：151A24； 利润底部：3倍； } .间距{ 右边距：3倍； }

---

你能展示更多的代码吗？您是如何尝试“点亮”盒子的？哦，对不起-JSFIDLE链接不起作用吗是的，我试着让5个盒子在重复序列之前以特定的颜色分别闪烁。很抱歉，这些东西都是新来的！杰普：链接正在运行。。。。但里面的一切都离它不近。里面的脚本甚至没有试图触及元素；在寻找答案时，这里有小提琴，它不是按照你想要的方式工作，而是至少做任何事情；您希望它们以什么顺序闪烁？按照数组中的顺序还是按照标记中标记的顺序？非常感谢您提供的指针！那么，对数组来说，是不是有点像这样？var coloredboxes=新数组coloredboxes[0]=“square2id”、“黄色”、coloredboxes[1]=“square4id”、“绿色”、coloredboxes[2]=“square3id”、“蓝色”、coloredboxes[3]=“square1id”、“白色”、coloredboxes[4]=“square5id”、“橙色”；这肯定行不通。您必须将数字和id/颜色作为键/值对配对。{'redbox'，'red'}。现在你有了一些带钥匙的物品，而其他的没有。在您定义数组时，这个彩色框[0]='square2id'将不起作用。非常感谢您的帮助！米歇尔-你能解释一下为什么“var maxbox=coloredbox.length-1；”为什么需要“-1”？数组的长度是数组中元素的数量。数组a、b、c的长度为3。但是所有数组都是从0开始的，所以当你按键循环时，你必须从0到长度1。假设长度=5，那么数组键是0到4。我本可以做ifi==5i=0，但这只有在I=5时才是真的。我喜欢在安全的方面工作。当ifi>5-1时，我每捕获一个等于或大于5的ifi。在这种情况下，不会有太多错误，但在更复杂的代码中，最好是安全的，而不是抱歉。