javascript - 根据不同的时间增量更改 CSS 样式

Question

我还没有开始这个……但是我想得到一些关于这个的意见，因为我刚刚开始编码，我认为在明天开始之前获得一些不同的想法会很有价值……

我正在尝试根据不同的时间数据从上到下逐一列出以颜色（活动/非活动）循环的主题。

你会怎么做？

时间数据存储在 Firebase 集合中，每个文档都包含一个主题和时间数据。使用 forEach 函数将主题自动插入到页面中 - 插入到 ls 标记中。我不是在寻求 Firebase/Firestore 方面的帮助。只是 JavaScript。

我正在使用 JavaScript 来完成所有工作 atm，并且不太热衷于使用其他任何东西，因为我对编码的熟悉程度不足以接受一种新的语言 atm。

我的想法是让 JavaScript 逐个循环遍历时间数据，并且当每次过去时，它会将每个 ls 标签的 CSS 类从活动更改为非活动，反之亦然。但我不确定如何执行 JavaScript 基于时间的循环部分。改变 CSS 我能做到

你觉得呢？你有没有什么想法？你会怎么做？你对我有什么建议吗？

Answer 1

如果你只想改变如果比你可以做这样的事情。

var time = 5000; //time from database
setTimeout(() => {
  //changeColor function
  console.log("Color changed");
}, time) //time in milliseconds

回答1