Javascript 每天使用css或html更改文本颜色

Javascript 每天使用css或html更改文本颜色,javascript,html,css,Javascript,Html,Css,我想每天自动更改文本的颜色。我很确定我可以用javascript实现这一点,但我想知道是否有一个简单的css或HTML解决方案?我相信代码应该是这样的: window.setInterval(() => { let date = new Date(); // get current date and time if(date.getHours() === 23 && date.getMinutes() === 59){ // change t

我想每天自动更改文本的颜色。我很确定我可以用javascript实现这一点,但我想知道是否有一个简单的css或HTML解决方案?

我相信代码应该是这样的:

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)

我相信代码应该是这样的:

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)
HTML:不可能
HTML
是一种用于构造内容的标记语言,不执行所述的任何动态功能


CSS:如果用户连续几天打开页面,可能会这样
@关键帧
动画和
计时功能
可以实现这一目的,方法是在几天的时间内将其设置为若干毫秒的动画

但是,由于每次新用户访问时,
CSS
动画都会重置,因此它不应该像前面所描述的那样工作。颜色更改不会在会话之间、用户之间、天数之间持续


JavaScript:唯一的客户端选项 您可以从服务器端(例如,使用PHP)实现这种效果:计算日期、指定颜色并应用于前端

否则,JavaScript是三个组件(HTML、CSS、JS)中唯一的动态组件,这是实现这一点的唯一方法

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

  • 每天随机选择颜色十六进制或RGA
  • 每周每天指定一个特定的颜色值
  • 在一年中的每一天指定一种特定的颜色 . .
  • 然后是一些

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

    HTML:不可能
    HTML
    是一种用于构造内容的标记语言,不执行所述的任何动态功能


    CSS:如果用户连续几天打开页面,可能会这样
    @关键帧
    动画和
    计时功能
    可以实现这一目的,方法是在几天的时间内将其设置为若干毫秒的动画

    但是,由于每次新用户访问时,
    CSS
    动画都会重置,因此它不应该像前面所描述的那样工作。颜色更改不会在会话之间、用户之间、天数之间持续


    JavaScript:唯一的客户端选项 您可以从服务器端(例如,使用PHP)实现这种效果:计算日期、指定颜色并应用于前端

    否则,JavaScript是三个组件(HTML、CSS、JS)中唯一的动态组件,这是实现这一点的唯一方法

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

  • 每天随机选择颜色十六进制或RGA
  • 每周每天指定一个特定的颜色值
  • 在一年中的每一天指定一种特定的颜色 . .
  • 然后是一些


    正如您所提到的,您可以在JS中实现这一点,我跳过代码示例。

    您需要javascript来执行日期的所有逻辑计算您需要javascript来执行日期的所有逻辑计算实际上我认为这不是一个正确的答案,因为问题want的CSS方法。“使用css、HTML或javascript“问题的实际背景是,我非常确定我可以用javascript实现这一点,但我想知道是否有一个简单的CSS或HTML解决方案?如果你有任何CSS或HTML解决方案,我将很乐意对其进行投票,因为据我所知,这些方法没有解决方案,但这篇文章也不会回答这个问题。事实上,我认为这不是一个正确的答案,因为这个问题需要CSS方法。“使用CSS、HTML或javascript”这个问题的实际背景是,我非常确定我可以用javascript实现这一点,但我想知道是否有一个简单的CSS或HTML解决方案?如果你有任何CSS或HTML解决方案,我会很高兴投票支持它,因为据我所知,这些方法没有解决方案,但这篇文章也不会回答这个问题。