Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Javascript使屏幕颜色随时间变化_Javascript_Html_Css - Fatal编程技术网

如何使用Javascript使屏幕颜色随时间变化

如何使用Javascript使屏幕颜色随时间变化,javascript,html,css,Javascript,Html,Css,我在一个基本的网站上工作。不过,我需要一些帮助 我想知道是否有可能改变我的网站的屏幕颜色以匹配当前时间 例如,如果太阳已经落山,现在是晚上8点,那么我希望颜色变暖和,这样你会得到一种朦胧的橙色。当太阳再次升起时,我希望颜色恢复正常 我想使用Javascript来实现这一点 无论如何,我是否可以让电脑时钟来检查时间,例如,如果时间在晚上8点之后,它会将网站的颜色更改为较暖的颜色?这应该不难找到,但我会给你一些提示,让你开始: 您可以使用以下代码更改项目的类名: document.getElemen

我在一个基本的网站上工作。不过,我需要一些帮助

我想知道是否有可能改变我的网站的屏幕颜色以匹配当前时间

例如,如果太阳已经落山,现在是晚上8点,那么我希望颜色变暖和,这样你会得到一种朦胧的橙色。当太阳再次升起时,我希望颜色恢复正常

我想使用Javascript来实现这一点


无论如何,我是否可以让电脑时钟来检查时间,例如,如果时间在晚上8点之后,它会将网站的颜色更改为较暖的颜色?

这应该不难找到,但我会给你一些提示,让你开始:

您可以使用以下代码更改项目的类名:

document.getElementById("MyElement").className = "MyClass";
var currentdate = new Date();
currentdate.getHours();
现在,根据一天中的时间,在css中创建两种不同的样式

要查找当前时间,可以使用以下代码:

document.getElementById("MyElement").className = "MyClass";
var currentdate = new Date();
currentdate.getHours();
有关javascript中日期对象的更多信息,请查看


这应该让你开始。快乐编码

欢迎来到堆栈溢出!希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究,要么通过谷歌,要么通过搜索,尝试一下。如果您仍然有问题,请返回您的代码,并解释您尝试了什么以及为什么它不起作用。请查看有关堆栈溢出的问题,以及什么类型的问题以及什么类型的问题可能重复