Javascript 每天使用css或html更改文本颜色
我想每天自动更改文本的颜色。我很确定我可以用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
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,您可以做一些不同的事情:
HTML
是一种用于构造内容的标记语言,不执行所述的任何动态功能
CSS:如果用户连续几天打开页面,可能会这样
@关键帧
动画和计时功能
可以实现这一目的,方法是在几天的时间内将其设置为若干毫秒的动画
但是,由于每次新用户访问时,CSS
动画都会重置,因此它不应该像前面所描述的那样工作。颜色更改不会在会话之间、用户之间、天数之间持续
JavaScript:唯一的客户端选项 您可以从服务器端(例如,使用PHP)实现这种效果:计算日期、指定颜色并应用于前端 否则,JavaScript是三个组件(HTML、CSS、JS)中唯一的动态组件,这是实现这一点的唯一方法 如果选择JavaScript,您可以做一些不同的事情:
正如您所提到的,您可以在JS中实现这一点,我跳过代码示例。您需要javascript来执行日期的所有逻辑计算您需要javascript来执行日期的所有逻辑计算实际上我认为这不是一个正确的答案,因为问题want的CSS方法。“使用css、HTML或javascript“问题的实际背景是,我非常确定我可以用javascript实现这一点,但我想知道是否有一个简单的CSS或HTML解决方案?如果你有任何CSS或HTML解决方案,我将很乐意对其进行投票,因为据我所知,这些方法没有解决方案,但这篇文章也不会回答这个问题。事实上,我认为这不是一个正确的答案,因为这个问题需要CSS方法。“使用CSS、HTML或javascript”这个问题的实际背景是,我非常确定我可以用javascript实现这一点,但我想知道是否有一个简单的CSS或HTML解决方案?如果你有任何CSS或HTML解决方案,我会很高兴投票支持它,因为据我所知,这些方法没有解决方案,但这篇文章也不会回答这个问题。