每天使用CSS，HTML或javascript更改文本颜色

Question

我想每天自动更改文本的颜色。我很确定我可以使用javascript来工作，但是我想知道是否有简单的CSS或HTML解决方案？

Answer 1

我相信代码将是这样的：

window.setInterval(() => {
    let date = new Date(); // get current date and time
    if(date.getHours() === 23 && date.getMinutes() === 59){
        // change text color here
    }
}, 60000); // Repeat every 60000 milliseconds (1 minute)

Answer 2

HTML：不可能

HTML是一种用于构造内容的标记语言，并且不执行所描述的任何动态功能。

---

CSS：也许如果用户将页面打开了几天又几天

[@keyframe动画和timing-function可以做到这一点，方法是在几天内以多毫秒的时间对其进行动画处理。

但是由于CSS动画总是会在每次新用户访问时重置，因此它实际上并不能像所述的那样工作。颜色变化不会在会话之间，用户之间，几天之间持续。

---

JavaScript：唯一的客户端选项

例如，您可以使用PHP在服务器端实现此效果：计算日期，分配颜色并应用于前端。

否则，JavaScript是这三个组件（HTML，CSS，JS）中唯一的动态组件，是实现这一目标的唯一方法。

如果您选择JavaScript，您可以做一些不同的事情：

1. 每天随机设置颜色十六进制或RGA
2. 每周指定一天的特定颜色值
3. [每年的每天分配一种特定的颜色。。。

然后是一些。

正如您提到的，您可以在JS中使用它，我跳过了代码示例。