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

How to make screen colours alter with time using Javascript

本文关键字：时间 变化 颜色 屏幕 何使用 Javascript      更新时间：2023-09-26

我正在开发一个基础网站。然而，我需要一些帮助。

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

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

我想使用Javascript来完成这项工作。

无论如何，我是否可以让电脑时钟检查时间，例如，如果时间在晚上8点之后，它会把网站的颜色改成更暖的颜色？

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

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

document.getElementById("MyElement").className = "MyClass";

现在只需根据一天中的时间在css中制作两种不同的样式。

要了解当前时间，您可以使用以下代码：

var currentdate = new Date();
currentdate.getHours();

有关javascript中日期对象的更多信息，请查看文档。

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

相关文章：