使用JavaScript每天自动更改样式

使用JavaScript每天自动更改样式,javascript,css,Javascript,Css,我必须创建一个7个盒子,上面有一些信息,每个盒子都必须是黑白的。但是,当我们在星期一(和另一个黑色和白色的方框)以及星期二和星期三的另一个方框时,每个方框(例如上面有星期一文本的1号方框)必须自动更改为自己的颜色。。。必须这样继续下去 我写下我的密码 例如,我们现在在星期二,但将更改文本为紫色,而不是图片 我认为,这个属性(-webkit过滤器:灰度(100%); 过滤器:灰度(100%);)可以在JavaScript中每天删除,但我不知道如何删除 你能帮我找到解决办法吗? 太多了 var d

我必须创建一个7个盒子,上面有一些信息,每个盒子都必须是黑白的。但是,当我们在星期一(和另一个黑色和白色的方框)以及星期二和星期三的另一个方框时,每个方框(例如上面有星期一文本的1号方框)必须自动更改为自己的颜色。。。必须这样继续下去

我写下我的密码

例如,我们现在在星期二,但将更改文本为紫色,而不是图片

我认为,这个属性(-webkit过滤器:灰度(100%); 过滤器:灰度(100%);)可以在JavaScript中每天删除,但我不知道如何删除

你能帮我找到解决办法吗? 太多了

var d=新日期();
var weekday=新数组(7);
工作日[0]=“黄色”;
工作日[1]=“红色”;
工作日[2]=“绿色”;
工作日[3]=“紫色”;
工作日[4]=“橙色”;
工作日[5]=“白色”;
工作日[6]=“棕色”;
document.getElementById(“test”).style.color=weekday[d.getDay()]
#测试{
}
.img测试{
宽度:100%;
高度:390px;
对象匹配:覆盖;
-webkit过滤器:灰度(100%);
滤镜:灰度(100%);
}

工业

像这样的东西怎么样

var d = new Date();
var weekday = new Array(7);
weekday[0] = "yellow";
weekday[1] = "red";
weekday[2] = "green";
weekday[3] = "purple";
weekday[4] = "orange";
weekday[5] = "white";
weekday[6] = "brown";

document.getElementById(ELEMENT_ID).style.color = weekday[d.getDay()];

让我们看看到目前为止你都做了些什么。使用date获取一周中的某一天,并根据它为您的文本框上色您做了哪些尝试,在哪里卡住了?你能写一个伪代码来尝试/描述如何一步一步地实现它吗?所以过程是这样的。你有一个要求。根据一周中的哪一天更改方框的颜色。好。下一件事是问你自己我怎么知道这是一周中的哪一天。好。谷歌“获取星期几javascript”,查找javascript日期对象文档。查找返回星期几的“getDay()”方法。使用javasript,根据getDay的结果,向您想要的框中添加一个类“moday”或“tuday”等。用CSS设置该类的样式。这是一项最多60分钟的工作。请花点时间做些研究为什么他需要设置间隔?因为javascript只有在用户打开网站时才能获得getDay。每次用户打开页面时,都会重置SetInterval。Javascript无法知道上次调用函数的时间,因为您没有将“day”存储在任何位置。您可以将
lastUpdateDay
存储在API中,然后获取它并检查getDay()!==LastUpdated然后执行颜色更新功能。但否则,您无法知道当前日期是否与日期不同。或者你可以将它存储在localstorage中,这可能会起作用,但并不理想。他在“weekday[d.getDay()]”中获得它,@Daweed可以,但文本颜色会改变!我必须首先写下我的代码,然后也许我们可以找到一个解决方案html:Industrie css:#test{}.img test{宽度:100%;高度:390px;对象适合度:cover;-webkit过滤器:灰度(100%);过滤器:灰度(100%)}现在我的图片是黑白的,但是图片顶部的文字是紫色的(工作日[3])我希望每一张图片都能在一天内自动改变颜色,另一张图片是黑白的