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

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

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

你会怎么做?

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

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

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

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

回答1

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

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

相似文章

jquery - 分页编号序列不起作用(jquery)

如果我单击任何数字,分页顺序将不起作用。如果我单击数字3,它会跳到数字4,每次我单击该数字时,它都会跳到另一个数字。但是,如果我单击下一个和上一个按钮,它就可以正常工作。它的发生是因为省略号li。任何...

html - 如何使 menu 中的所有项目都具有粘性?

我正在尝试向我的网站添加一个menu栏,它看起来几乎是我想要的方式,左边是汉堡包,右边是两个联系信息。然而,只有汉堡是粘性的。另外,我想为menu添加背景颜色,以便在滚动网页时,粘性位整齐地位于彩色条...

最新文章